在 JavaScript 中迭代数组

在 JavaScript 中，数组是一种常见的数据类型。当我们需要遍历数组中的元素时，可以使用多种迭代方法。下面介绍了几种最常见的迭代方式。

1. for 循环

for 循环是最常见的迭代方式。它可以迭代数组中的每一个元素，并通过数组的下标访问每个元素。

var arr = ["apple", "banana", "cherry"];
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// 输出：
// "apple"
// "banana"
// "cherry"

2. forEach 方法

forEach 方法是一种更简洁的迭代方式。它需要一个回调函数作为参数，该函数将在数组中的每个元素上执行一次。

var arr = ["apple", "banana", "cherry"];
arr.forEach(function(element) {
  console.log(element);
});
// 输出：
// "apple"
// "banana"
// "cherry"

3. map 方法

map 方法同样需要一个回调函数作为参数，并且该函数将在数组中的每个元素上执行一次。不同之处在于，它会返回一个新的数组，该数组包含了回调函数返回的每个值。

var arr = [1, 2, 3];
var doubleArr = arr.map(function(element) {
  return element * 2;
});
console.log(doubleArr);
// 输出：[2, 4, 6]

4. filter 方法

filter 方法同样需要一个回调函数作为参数。该函数将在数组中的每个元素上执行一次，并返回一个布尔值来指示该元素是否应包含在新数组中。最终，filter 方法将返回一个新数组，其中只包含符合条件的元素。

var arr = [1, 2, 3, 4, 5];
var evenArr = arr.filter(function(element) {
  return element % 2 == 0;
});
console.log(evenArr);
// 输出：[2, 4]

5. reduce 方法

reduce 方法需要一个回调函数和一个初始值作为参数。该函数将在数组中的每个元素上执行一次，并将每个元素的值与上一次计算的值合并在一起，最终返回一个单一的值。

var arr = [1, 2, 3];
var sum = arr.reduce(function(accumulator, element) {
  return accumulator + element;
}, 0);
console.log(sum);
// 输出：6

以上是 JavaScript 中迭代数组的几种常见方式。你可以根据具体需求选择适合的方式来遍历数组中的元素。