在 JavaScript 中，数组是一种常见的数据类型，而数组的操作也是前端开发中经常需要用到的技能之一。ECMAScript 2019（ES10）中，Array 类型新增了 forEach() 方法，它可以循环遍历数组并对每个元素执行指定的操作。本文将详细介绍 forEach() 方法的使用方法和实例，帮助读者更好地理解和掌握这一技能。
forEach() 方法的基本语法
forEach() 方法的基本语法如下：
array.forEach(function(currentValue, index, arr), thisValue)
其中，array 表示要遍历的数组，function 表示要执行的操作。具体来说，function 函数中的三个参数分别表示：
- currentValue：当前遍历到的元素。
- index：当前遍历到元素的下标。
- arr：当前正在遍历的数组。
thisValue 表示可选参数，用于指定 function 函数中 this 的值。
forEach() 方法的使用示例
下面通过几个实例来说明 forEach() 方法的使用方法。
示例一：遍历数组并输出
let arr = ['a', 'b', 'c'];
arr.forEach(function(item, index) {
console.log(index, item);
});上面的代码会输出：
0 "a" 1 "b" 2 "c"
示例二：修改数组元素
let arr = [1, 2, 3];
arr.forEach(function(item, index, arr) {
arr[index] = item * 2;
});
console.log(arr);上面的代码会输出：
[2, 4, 6]
示例三：使用 thisValue 参数
let obj = {num: 2};
let arr = [1, 2, 3];
arr.forEach(function(item, index, arr) {
arr[index] = item * this.num;
}, obj);
console.log(arr);上面的代码会输出：
[2, 4, 6]
注意事项
在使用 forEach() 方法时，需要注意以下几点：
- forEach() 方法不会修改原数组，如果需要修改数组，需要在 function 函数中进行操作。
- forEach() 方法不能在遍历过程中跳出循环，如果需要跳出循环，可以使用 for 循环或者其他遍历方法。
- 对于稀疏数组（即含有空元素的数组），forEach() 方法会跳过空元素，不会执行 function 函数。
总结
本文介绍了 ECMAScript 2019（ES10）中 Array 类型的 forEach() 方法的使用方法和实例，希望读者通过本文的学习能够更好地掌握这一技能。同时，需要注意的是，除了 forEach() 方法，JavaScript 还有很多其他的数组遍历方法，读者可以根据实际需求选择合适的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cdc3d0add4f0e0ff6efe6e