如何在 JavaScript 中使用 forEach

forEach 是 JavaScript 中的一个常用方法，它可以循环遍历数组并对每个元素进行操作。使用 forEach 可以让代码更简洁，同时也可以提高代码的可读性。

语法

forEach 的语法非常简单，它接受一个函数作为参数，该函数将在数组的每个元素上进行调用。语法如下：

array.forEach(function(currentValue, index, arr), thisValue)

• currentValue：数组当前项的值
• index：数组当前项的索引
• arr：数组对象本身
• thisValue：可选参数，传入的值将作为 this 对象在函数内使用

示例

以下示例演示了如何使用 forEach 循环遍历数组，并将数组中每个元素的值与其索引相乘。最终的结果将被存储在另一个数组中。

const array1 = [1, 2, 3, 4, 5];
let array2 = [];

array1.forEach(function(number, index) {
  array2[index] = number * index;
});

console.log(array2); // [0, 2, 6, 12, 20]

ES6 箭头函数

forEach 也可以使用 ES6 中的箭头函数来定义回调函数，如下所示：

const array1 = [1, 2, 3, 4, 5];
let array2 = [];

array1.forEach((number, index) => {
  array2[index] = number * index;
});

console.log(array2); // [0, 2, 6, 12, 20]

注意事项

• forEach 无法中止或跳过循环。如果需要在循环中实现类似的操作，则应使用 for 循环或 Array.prototype.some()。

• 在 forEach 回调函数中使用 return 语句不会立即终止整个循环，并且该语句还将被忽略。

• 使用 forEach 循环遍历数组时，无法在循环中添加或删除元素。如果需要在循环中添加或删除元素，则应使用 for 循环。