如何使用JavaScript中的forEach循环遍历数组

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

语法:

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

让我们来看一些使用上述方法遍历数组的示例。

示例1: 在这个示例中，我们将遍历t

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

输出:

2
4
7
8
1

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

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: 在这个示例中，我们将使用第三个可选参数访问整个数组

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]

阅读更多：JavaScript 教程