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