【JavaScript】forEach() 会不会改变原数组？

forEach()

forEach()方法需要一个函数作为参数。这种函数，是由我们创建但是不由我们调用的，我们称为回调函数。

数组中有几个元素，该回调函数就会执行几次。

回调函数中传递三个参数：

参数1：当前正在遍历的元素
参数2：当前正在遍历的元素的索引
参数3：正在遍历的数组

注意，forEach() 没有返回值。也可以理解成：forEach() 的返回值是 undefined。如果你尝试 newArray = currentArray.forEach()这种方式来接收，是达不到效果的。

forEach() 会不会改变原数组？

forEach() 会不会改变原数组？关于这个问题，大部分人会搞错。我们来看看下面的代码。

1、数组的元素是基本数据类型：（无法改变原数组）

let numArr = [1, 2, 3];numArr.forEach((item) => {item = item * 2;
});
console.log(JSON.stringify(numArr)); // 打印结果：[1, 2, 3]

上面这段代码，你可要看仔细了，打印结果是 [1, 2, 3]，不是 [2, 4, 6]。

2、数组的元素是引用数据类型：（直接修改整个元素对象时，无法改变原数组）

let objArr = [{ name: '千古壹号', age: 20 },{ name: '许嵩', age: 30 },
];objArr.forEach((item) => {                                                                                                               item = {name: '邓紫棋',age: '29',};
});
console.log(JSON.stringify(objArr)); // 打印结果：[{"name":"千古壹号","age":20},{"name":"许嵩","age":30}]

3、数组的元素是引用数据类型：（修改元素对象里的某个属性时，可以改变原数组）

let objArr = [{ name: '千古壹号', age: 28 },{ name: '许嵩', age: 30 },
];objArr.forEach((item) => {item.name = '邓紫棋';
});
console.log(JSON.stringify(objArr)); // 打印结果：[{"name":"邓紫棋","age":28},{"name":"邓紫棋","age":30}]

如果你需要通过 forEach 修改原数组，建议用 forEach 里面的参数 2 和参数 3 来做，具体请看下面的标准做法。

4、forEach() 通过参数 2、参数 3 修改原数组：（标准做法，一定要看）

// 1、数组的元素是基本数据类型
let numArr = [1, 2, 3];numArr.forEach((item, index, arr) => {arr[index] = arr[index] * 2;
});
console.log(JSON.stringify(numArr)); // 打印结果：[2,4,6]// 2、数组的元素是引用数据类型时，直接修改对象
let objArr = [{ name: 'Jerry', age: 22 },{ name: '杰伦', age: 45 },
];objArr.forEach((item, index, arr) => {arr[index] = {name: '小明',age: '10',};
});
console.log(JSON.stringify(objArr)); // 打印结果：[{"name":"小明","age":"10"},{"name":"小明","age":"10"}]// 3、数组的元素是引用数据类型时，修改对象的某个属性
let objArr2 = [{ name: 'Jerry', age: 22 },{ name: '杰伦', age: 45 },
];objArr2.forEach((item, index, arr) => {arr[index].name = '小明';
});
console.log(JSON.stringify(objArr2)); // 打印结果：[{"name":"小明","age":28},{"name":"小明","age":34}]