JavaScript 中的 forEach 元素

在 JavaScript 中，for 循环是最常见的迭代数组中的元素的方式。但是，forEach 可以更方便地迭代数组中的元素。

forEach 方法

forEach 方法是 JavaScript 中 Array 对象的一种方法，它可以在数组的每个元素上执行一个函数，可以认为是遍历数组的一种方式。

let arr = [1, 2, 3, 4];

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

输出为：

1
2
3
4

语法

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

参数：

• currentValue：当前元素的值
• index：当前元素的索引
• arr：当前正在操作的数组
• thisValue（可选）：对象作为该执行回调时使用，传递给函数，用作 "this" 的值。

例子

计算数组里元素的和

let arr = [1, 2, 3, 4];
let sum = 0;

arr.forEach(function(element) {
    sum += element;
});

console.log(sum); // 输出10

将数组中的每个元素变为另一个值

let arr = [1, 2, 3, 4];
let newArr = [];

arr.forEach(function(element) {
    newArr.push(element * 2);
});

console.log(newArr); // 输出[2, 4, 6, 8]

找到数组中的偶数

let arr = [1, 2, 3, 4];
let evenArr = [];

arr.forEach(function(element) {
    if (element % 2 === 0) {
        evenArr.push(element);
    }
});

console.log(evenArr); // 输出[2, 4]

结论

forEach 方法是一个方便的数组迭代方式。当你需要遍历一个数组并执行某些操作时，这是一个非常有用的方法。