JavaScript 迭代对象

在 JavaScript 中，我们可以迭代数组、对象、字符串等数据类型，以便对每个元素进行操作或处理。迭代是指按顺序访问元素的过程，其中每个元素都会被访问一次。

迭代数组

迭代数组是 JavaScript 中最常见的操作之一。我们可以使用 for 循环来迭代数组中的每个元素，如下所示：

const array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

我们还可以使用 forEach 方法来迭代数组中的每个元素。这个方法接受一个回调函数作为参数，回调函数会在数组中的每个元素上被调用一次，如下所示：

const array = [1, 2, 3, 4, 5];
array.forEach((item) => {
  console.log(item);
});

迭代对象

我们同样可以迭代对象。JavaScript 对象是一个键值对的集合，我们可以使用 for...in 循环来迭代对象中的每个键值对，如下所示：

const person = {
  name: 'Alice',
  age: 18,
  gender: 'female'
};

for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

迭代字符串

虽然字符串不是一个数据结构，但我们同样可以迭代字符串。字符串可以看成是字符数组，因此我们可以使用 for 循环来迭代每个字符，如下所示：

const str = 'hello';
for (let i = 0; i < str.length; i++) {
  console.log(str.charAt(i));
}

我们还可以使用 for...of 循环来迭代字符串中的每个字符，如下所示：

const str = 'hello';
for (const char of str) {
  console.log(char);
}

总结

迭代是 JavaScript 中非常常见的操作之一，可以帮助我们对数据进行处理和操作。我们可以使用 for 循环、forEach 方法、for...in 循环以及 for...of 循环来迭代不同类型的数据结构。