如何在 JavaScript `forEach` 循环内修改数组元素？

在 forEach 循环期间修改数组元素

在 JavaScript 中，当使用 forEach 方法迭代数组时，意识到这一点可能会令人沮丧对循环内各个元素所做的更改不会反映在原始数组中。这是因为 forEach 将元素的副本传递给回调函数，而不是对实际元素的引用。

要从迭代函数启用对数组元素的写访问，有两个选项：

选项 1：提供数组作为第三个参数

forEach 方法采用可选的第三个参数，它代表数组本身。通过在回调中为数组的相应索引分配新值，原始数组将被修改。

arr.forEach(function(part, index, theArray) {
  theArray[index] = "hello world";
});

选项 2：使用带有 Bound This 的箭头函数

实现所需行为的另一种方法是使用箭头函数作为回调并提供数组作为 this context:

arr.forEach(function(part, index) {
  this[index] = "hello world";
}, arr); // use arr as this

通过在回调中将数组设置为 this，对元素所做的修改将直接应用于原始数组。

其他注意事项：

• 如果使用常规函数（函数声明或表达式）作为回调。
• 如果你打算在循环过程中修改数组的长度，你应该使用传统的 for 循环而不是 forEach 以避免意外的后果。
• 熟悉其他数组迭代方法（filter 、地图等）有利于为每项任务选择最合适的工具。

以上是如何在 JavaScript `forEach` 循环内修改数组元素？的详细内容。更多信息请关注PHP中文网其他相关文章！