JavaScript中的forEach()方法（附带实例）

在 ES6 中，forEach() 是一种强大而简洁的数组循环方法。它提供了一种简便的方式来遍历数组中的每个元素，并对每个元素执行特定的操作。

本节将详细介绍 forEach() 方法的用法和一些需要注意的事项。

forEach() 方法的基本语法如下：

array.forEach(callback,[thisArg]);

其中，array 是待循环的数组，callback 是对每个元素进行操作的回调函数。thisArg（可选）是 callback 函数内部的 this 指向。

回调函数是 forEach() 方法最关键的部分。它接收三个参数：当前遍历的元素、元素的索引和数组本身。我们可以在回调函数中使用这些参数实现具体的操作。

为了帮助读者更好地理解 forEach() 的使用方法，这里使用一个简单的案例进行演示。假设有一个存储学生信息的数组，每个学生对象包含姓名和成绩。我们想要遍历这个数组，输出每个学生的姓名和成绩。

const students = [
  { name: 'Tom', score: 80 },
  { name: 'Jerry', score: 90 },
  { name: 'Xm', score: 60 }
];
students.forEach((student, index) => {
  console.log(` 学 生 ${index+1}: 姓 名 :${student.name}, 成 绩 :${student.
score}`);
});

运行上述代码，将得到如下输出结果：

学生1: 姓名:Tom, 成绩:80
学生2: 姓名:Jerry, 成绩:90
学生3: 姓名:Xm, 成绩:60

forEach() 方法注意事项如下：

1) 不支持中途退出

forEach() 方法是一种完全遍历数组的方式，它会对数组中的每个元素都执行一次回调函数。因此，无法中途退出或者跳过某个元素的遍历。如果需要中途退出或者跳过特定元素的遍历，建议使用其他循环方式。

2) 不会改变数组本身

需要注意的是，forEach() 方法不会改变数组本身。即使在回调函数中对元素进行了修改，原始数组仍然保持不变。如果需要改变数组本身，可以考虑使用其他方法，例如 map()、filter() 等。

3) 异步操作

在进行异步操作时，使用 forEach() 方法可能会带来一些问题。由于 forEach() 方法是同步执行的，程序将会一直等待异步操作完成后才能继续执行后续代码。如果需要处理异步操作，可以使用 for 循环结合 Promise 或者 async/await 等方式来实现。

forEach() 是一种强大且方便的循环方法，可以轻松遍历数组并对每个元素执行指定的操作。需要注意的是，forEach() 方法无法中途退出或者跳过特定元素的遍历，也不会改变数组本身。在处理异步操作时，需要综合考虑 forEach() 方法的特点来选择合适的处理方式。