迭代数组 JavaScript

在 JavaScript 中，迭代数组是一个基本的编程技术。迭代数组意味着对数组中的每个元素执行一个相同的操作。

使用 for 循环迭代数组

最基本的迭代技术之一是通过使用 for 循环迭代数组。下面是一个代码片段，演示了如何使用 for 循环迭代数组中的元素：

const array = [1, 2, 3, 4, 5];

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

这段代码将打印出数组中的每个元素。

使用 forEach 方法迭代数组

另一种迭代数组的方法是使用 forEach 方法。这个方法接受一个函数作为参数，这个函数对数组中的每个元素执行相同的操作。

const array = [1, 2, 3, 4, 5];

array.forEach(function(element) {
  console.log(element);
});

这段代码将打印出数组中的每个元素。

使用 map 方法迭代数组

map 方法是另一种迭代数组的方法。它和 forEach 方法类似，但是 map 方法会返回一个新的数组，而不是只对原数组进行操作。

下面是一个例子：

const array = [1, 2, 3, 4, 5];

const newArray = array.map(function(element) {
  return element * 2;
});

console.log(newArray); // [2, 4, 6, 8, 10]

这段代码将每个元素都乘以 2，然后返回一个新的数组。

使用 filter 方法迭代数组

filter 方法是另一种迭代数组的方法。它会创建一个新的数组，这个数组包含了所有符合特定条件的原数组中的元素。

下面是一个例子：

const array = [1, 2, 3, 4, 5];

const newArray = array.filter(function(element) {
  return element % 2 === 0;
});

console.log(newArray); // [2, 4]

这段代码将创建一个新的数组，这个新数组包含了原数组中所有的偶数。

使用 reduce 方法迭代数组

reduce 方法是另一种迭代数组的方法。它接受一个函数作为参数，这个函数将每个元素和先前的结果合并成一个新的结果。

下面是一个例子：

const array = [1, 2, 3, 4, 5];

const result = array.reduce(function(sum, element) {
  return sum + element;
}, 0);

console.log(result); // 15

这段代码将计算数组中所有元素的总和。

总结

迭代数组是 JavaScript 中的一个基本编程技术。我们可以使用 for 循环、forEach、map、filter 和 reduce 等方法对数组进行迭代。每种方法都有其优点和适用场景，根据具体情况选择最合适的方法来迭代数组。