在前端开发中，我们经常需要对数组进行遍历操作，以便对其中的元素进行操作。传统的方式是使用 for 循环来实现，但是这种方式比较繁琐，而且容易出错。ES7 中新增的 Array.prototype.forEach() 方法可以帮助我们更方便地进行数组遍历操作。
forEach() 方法的使用
forEach() 方法是一个用于数组遍历的高阶函数，它接受一个回调函数作为参数，这个回调函数会被依次执行数组中的每个元素。forEach() 方法的语法如下：
------------------------ ----------
其中，callback 是一个回调函数，它可以接受三个参数：
- currentValue：当前遍历的元素；
- index：当前遍历元素的索引；
- array：原始数组。
thisArg 是可选的，它表示 callback 函数中 this 的指向。
下面是一个简单的示例代码：
----- --- - --- -- -- -- --- ------------------ ------ ------ -- - ------------------------------------ ---
输出结果如下：
------- ------- ------- ------- -------
forEach() 方法的优势
相比传统的 for 循环方式，forEach() 方法具有以下优势：
1. 更简洁
使用 forEach() 方法，我们可以将遍历操作和回调函数写在同一行代码中，从而使代码更加简洁易懂。
2. 更易读
forEach() 方法的语法结构更加清晰易读，可以让代码更加易于理解和维护。
3. 更安全
使用 forEach() 方法可以避免一些常见的数组遍历错误，比如越界访问等。
注意事项
在使用 forEach() 方法时，需要注意以下几点：
1. 不支持 break 和 continue
forEach() 方法不支持 break 和 continue 语句，如果需要在遍历过程中退出循环，可以使用 throw 抛出异常来实现。
2. 不支持异步操作
forEach() 方法不支持异步操作，如果需要进行异步操作，可以使用 for...of 循环或者 async/await 来实现。
3. 不支持修改原数组
forEach() 方法不支持修改原数组，如果需要修改原数组，可以使用 for 循环或者 map() 方法来实现。
总结
ES7 中的 Array.prototype.forEach() 方法可以帮助我们更方便地进行数组遍历操作，它具有更简洁、更易读、更安全的优势。在使用 forEach() 方法时，需要注意不支持 break 和 continue 语句、不支持异步操作、不支持修改原数组等问题。我们应该根据具体的需求选择合适的遍历方式，以便更加高效地进行数组操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66163c88d10417a222627d9d