JavaScript 如何使用forEach循环迭代数组

在JavaScript中，可以通过多种方式迭代数组。其中一种最常见的方法是使用传统的for循环。在JavaScript中，我们还有一种现代方法来迭代数组，这就是使用forEach方法。这种方法与传统方法不同，它使用了一种功能性的方法。这种方法为我们提供了访问数组的每个元素以及整个数组的新方式。由于我们使用的是功能性的方法，因此我们还可以在这种方法中使用箭头函数语法。

语法：

arr.forEach(function(val, index, wholeArr)){
    ...
}

让我们看一些例子来使用上述方法迭代数组。 例子1: 在这个例子中，我们将迭代t。

Javascript

var arr = [2,4,7,8,1]
arr.forEach(function(val){
    console.log(val)
})

输出：

2
4
7
8
1

示例2: 在这个例子中，我们将使用箭头函数遍历数组

JavaScript

var arr = [2,4,7,8,1]
arr.forEach((val, index)=>{console.log(`val={val} index={index} `)})

输出:

val=2 index=0 
val=4 index=1 
val=7 index=2 
val=8 index=3
val=1 index=4

示例 3： 在这个例子中，我们将使用第三个可选参数来访问整个数组

JavaScript

var arr = [2,4,7,8]
arr.forEach((val, index, wholeArr)=>{console.log(wholeArr)})

输出：

(4) [2, 4, 7, 8]
(4) [2, 4, 7, 8]
(4) [2, 4, 7, 8]
(4) [2, 4, 7, 8]