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