在前端开发中，经常需要处理数组并对其中的元素进行操作。JavaScript 提供了一系列的方法来循环遍历数组，比如 for 循环、while 循环和 forEach 方法等。其中，ES8 的 forEach 方法是一种便捷的遍历数组的方式，它可以帮助我们简单而快速地完成数组循环操作。
forEach 方法简介
ES8 的 forEach 方法是在数组对象中新增的一个循环方法。它可以方便地遍历数组并对每个元素进行操作。
forEach 方法的语法如下：
array.forEach(function(currentValue, index, array) {
// 迭代代码
}, thisArg);其中，回调函数 function(currentValue, index, array) 中的 currentValue 代表数组中当前正在操作的元素，index 代表当前元素的下标，array 代表正在操作的数组对象，thisArg 为可选参数，可以改变回调函数中的 this 指向。
forEach 方法的优势
相比传统的 for 循环和 while 循环，forEach 方法有以下优势：
- 更简单易懂：forEach 方法更直观易懂，代码结构更清晰，更易于维护；
- 更便捷实用：使用 forEach 方法可以得到更简洁的代码，并且可以更好地完成常规的数组遍历和操作；
- 更高的性能：forEach 方法优化了数组的遍历流程，使用更高效的遍历方法，性能更加优秀。
forEach 方法的示例
下面是一个示例，使用 forEach 方法对数组中的元素进行操作：
const arr = [1, 2, 3, 4];
arr.forEach((currentValue, index, array) => {
console.log(`当前元素：${currentValue}，下标：${index}`);
});上面的示例中，我们定义了一个数组 arr，然后使用 forEach 方法遍历了数组，并在控制台输出了每个元素的值和下标。
我们也可以使用 forEach 方法来实现一些常见的操作，比如查找某个元素是否在数组中：
-- -------------------- ---- -------
----- --- - --- -- -- ---
-- -- - ------
--- ------- - ------
-------------------------- ------ ------ -- -
-- ------------- --- -- -
------- - -----
-
---
-------------- ----------------------上面的示例中，我们首先定义了一个数组 arr，然后使用 forEach 方法遍历数组并判断其中是否包含数字 3，最终输出了判断结果。
使用 tips
使用 forEach 方法时，需要注意以下几点：
- forEach 方法不支持在循环过程中对数组进行改动，因此如果希望改变数组中的元素，请使用其他方法，比如 map 方法或 reduce 方法；
- 回调函数中的 this 指向默认为 undefined，如果希望使用 this，请在方法的第二个参数中设置。
总结
本文主要介绍了 ES8 的 forEach 方法，该方法可以便捷地遍历数组并对其中的元素进行操作。相比传统的 for 循环和 while 循环，forEach 方法具有更好的可读性和高效性，是前端开发中常用的操作数组的方法之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646b0fc2968c7c53b0a8092c