介绍
在 JavaScript 中，forEach 是一种常用的遍历数组的方法。然而如果你尝试在遍历数组时修改数组元素，你可能会遇到一些问题。
这篇文章将会探讨当你可以改变数组的值时，如何在 forEach 中正确地修改数组元素，并提供一些示例代码和指导意义。
foreach 方法
forEach 是一个数组的迭代方法，它接受一个回调函数作为参数，该函数将被数组中的每个元素调用一次。
array.forEach(function callback(currentValue[, index[, array]]) {
// 在这里编写回调函数体
}[, thisArg]);其中 currentValue 是当前元素的值，index 是当前元素的索引（可选），array 是正在被遍历的数组对象（可选），thisArg 是回调函数内部的 this 值（可选）。
修改数组元素
在 forEach 迭代器中，我们可以通过传递一个函数并且使用数组的索引来修改数组元素。但是，如果您直接更改了当前元素的值，那么您可能无法得到期望的结果。
考虑以下示例：
const numbers = [1, 2, 3, 4];
numbers.forEach((number) => {
number *= 2;
});
console.log(numbers); // 输出：[1, 2, 3, 4]在上面的示例中，我们尝试将每个元素乘以2。然而，结果并没有如我们所愿。
这是因为 forEach 在迭代期间是没有办法改变原始数组的元素值的。当我们传递一个函数去修改当前元素时，它只会影响到当前元素，而不会影响原始数组。
正确地修改数组元素
要正确地修改数组元素，我们需要使用索引来访问该元素，并直接修改它的值。
考虑以下示例：
const numbers = [1, 2, 3, 4];
numbers.forEach((number, index, arr) => {
arr[index] = number * 2;
});
console.log(numbers); // 输出：[2, 4, 6, 8]在上面的示例中，我们正确地使用了索引来访问数组元素，并直接修改了它们的值。最后输出的结果符合我们的预期。
指导意义
当你需要在 forEach 中修改数组元素时，请记住以下几点：
- 直接修改数组元素的值，而不是通过当前元素。
- 确保您的代码具有可读性和易于维护性。
此外，还有一些其他的迭代方法，例如 map 和 reduce，也可以用于修改数组元素。请根据您的需求选择最适合您的方法。
总结
在 JavaScript 中，forEach 是一种常用的遍历数组的方法。当我们需要修改数组元素时，我们需要使用索引来访问该元素，并直接修改它的值。这样可以确保我们得到期望的结果。同时，请记住编写具有可读性和易于维护性的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9764
