ES6 |数组 forEach() 方法

在使用数组时，迭代其元素并对其进行操作是很普遍的。传统上，这可以使用 for、while 或 do-while 循环来完成。 forEach 将为数组中的每个元素调用该函数。

句法：

array.forEach( callback, thisObject )

参数：该方法只接受上面提到的和下面描述的两个参数：

• 回调：这允许函数测试数组中的每个元素。
• thisObject：回调函数执行时会调用。

返回：返回新创建的数组。
没有 forEach() 循环：第一行声明并初始化一个名为 array_1 的数字数组，其值为 [2, 3, 4, 5, 6]。为了将该数组的每个元素加倍，使用了一个 for 循环，该循环从零开始（因为数组的索引从零开始）到小于数组长度的一。现在在第三行，从数组中提取每个元素并乘以 2，从而使值加倍。
方案一：

javascript

var array_1 = [2, 3, 4, 5, 6];
for(var i = 0; i < array_1.length; i++) {
    array_1[i] *= 2;
}
document.write(array_1);

输出：

4, 6, 8, 10, 12

使用 forEach() 循环：在 ES6 中，为数组引入了一种更易于理解和使用的方法，即 forEach()。让我们看看它在上述相同情况下是如何工作的。
方案二：

javascript

var array_1 = [2, 3, 4, 5, 6];
array_1.forEach(function(number, i) {
    array_1[i] *= 2;
});
 
document.write(array_1);

输出：

4, 6, 8, 10, 12

与前面相同，第一行声明并初始化了一个名为 array_1 的数字数组，其值为 [2, 3, 4, 5, 6]。然后在 array_1 上调用 forEach 方法，该方法迭代数组并将回调函数作为参数。现在回调函数接受三个参数，

• currentValue – 这是一个必需的参数，它对应于当前元素的值。
• index - 它是一个可选参数，这是当前元素的相应索引值。
• array - 它也是一个可选参数，这是原始数组，这里是 array_1。

因此，我们使用第二个参数 index 并遵循与之前完全相同的算法将值加倍。
程序 3：这里我们只使用 currentValue 参数，我们使用该参数将 names 数组中的每个值打印到控制台。

javascript

var names = ['Arpan', 'Abhishek', 'GeeksforGeeks'];
 
names.forEach(function(name){
    document.write(name + "<br/>");
});

输出：

Arpan
Abhishek
GeeksforGeeks