JavaScript 循环遍历数组

在 JavaScript 中，我们可以使用循环遍历数组，从而对数组中的每个元素进行处理。

for 循环

最常用的遍历数组的方式是使用 for 循环。

var arr = [1, 2, 3, 4, 5];

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

上面的代码会逐一遍历数组中的每个元素，并将其输出到控制台。

forEach 方法

在 ES5 中，数组对象提供了一个 forEach 方法，它可以更简洁地处理数组的遍历。

var arr = [1, 2, 3, 4, 5];

arr.forEach(function(item) {
  console.log(item);
});

上面的代码和之前使用 for 循环的代码等价。

for..in 循环

除了上面介绍的两种方式，还可以使用 for..in 循环来遍历数组。但是，我们不推荐使用这种方式遍历数组，因为它会把数组索引看做是对象的属性名，所以可能会遍历到一些不是数组元素的属性。

var arr = [1, 2, 3, 4, 5];

for (var key in arr) {
  console.log(arr[key]);
}

map 方法

除了遍历，我们还可以使用数组的 map 方法对数组进行映射。

var arr = [1, 2, 3, 4, 5];

var arr2 = arr.map(function(item) {
  return item * 2;
});

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

上面的代码将数组 arr 中的每个元素乘以 2，返回一个新的数组 arr2。

filter 方法

数组还提供了 filter 方法，可以用来过滤数组中的元素。

var arr = [1, 2, 3, 4, 5];

var arr2 = arr.filter(function(item) {
  return item % 2 === 0;
});

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

上面的代码过滤出数组 arr 中的偶数元素，返回一个新的数组 arr2。

reduce 方法

最后，我们介绍一下 reduce 方法，它可以用来对数组进行累加操作。

var arr = [1, 2, 3, 4, 5];

var sum = arr.reduce(function(prev, curr) {
  return prev + curr;
}, 0);

console.log(sum); // 15

上面的代码通过累加数组 arr 中的元素，得到它们的总和。