如何将项目附加到foreach JavaScript中的数组

在 JavaScript 中，我们常常需要向数组中添加元素。这可以通过使用 push、unshift 或者 splice 等很多方法来实现。而在对数组进行循环操作时，我们可以使用 forEach 函数来遍历数组。但是在 forEach 函数中该如何向数组中添加元素呢？

常规做法：直接使用 push 函数

最简单的办法就是直接使用 push 函数向数组中添加元素，具体代码如下：

const arr = [1, 2, 3];
arr.forEach((item, index) => {
  arr.push(index + 4);
});
console.log(arr); // [1, 2, 3, 4, 5, 6]

在这个例子中，我们向数组中添加了两个元素。但是这种方法存在一个问题：在向数组中添加元素时，会改变数组的长度，因此会导致循环次数增加，而有可能会导致我们处理不到新增的元素。

解决方案：使用 forEach 的第二个参数

我们可以在 forEach 函数中使用它的第二个参数，即当前数组对象，在对数组进行操作时，同时对该数组对象进行修改。代码如下：

const arr = [1, 2, 3];
arr.forEach((item, index, arr) => {
  arr.push(index + 4);
});
console.log(arr); // [1, 2, 3, 4, 5, 6]

在这个例子中，我们使用了 arr 参数，即原数组。这样我们就可以在循环过程中改变原数组，而不会影响循环次数。

总结

使用 push 函数向数组中添加元素是最简单的办法，但是它会影响循环次数。解决这个问题的方法是使用 forEach 函数的第二个参数，在循环过程中直接修改原数组。在实际开发中，根据具体情况选择合适的方式，以保证代码的可读性和可维护性。