JavaScript 中数组的 forEach 方法

在 JavaScript 中，使用数组的一种可迭代的方法是使用 forEach() 方法。该方法接收一个函数作为参数，该函数将被数组中的每个元素调用一次。

语法

array.forEach(function(currentValue, index, array) {
  // code to be executed
}, thisValue);

参数说明：

• currentValue：数组中当前处理的元素。
• index：可选，当前处理元素在数组中的索引。
• array：可选，当前处理的数组。
• thisValue：可选，对象作为该执行回调时使用，传递给函数，用作“this”的值。

实例

我们来看一个例子，输出数组中的每个元素：

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(element) {
  console.log(element);
});

输出：

1
2
3
4
5

高级用法

我们还可以在函数中使用多个参数，如下例子：

const arr = [1, 2, 3, 4, 5];
let sum = 0;
arr.forEach(function(element, index, array) {
  console.log(`Array[${index}] = ${element}`);
  sum += element;
});
console.log(`Sum of all elements is ${sum}`);

输出：

Array[0] = 1
Array[1] = 2
Array[2] = 3
Array[3] = 4
Array[4] = 5
Sum of all elements is 15

我们还可以使用箭头函数简化代码：

const arr = [1, 2, 3, 4, 5];
let sum = 0;
arr.forEach(element => {
  console.log(`Element is ${element}`);
  sum += element;
});
console.log(`Sum of all elements is ${sum}`);

输出：

Element is 1
Element is 2
Element is 3
Element is 4
Element is 5
Sum of all elements is 15