forEach会不会修改原数组

forEach 的介绍： 

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

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

• 第一个参数，就是当前正在遍历的元素
• 第二个参数，就是当前正在遍历的元素的索引
• 第三个参数，就是正在遍历的数组

 注意：forEach() 没有返回值。也可以理解成：forEach() 的返回值是 undefined。

即 let tempArry = myArr.forEach() 这种方式接收是没有意义的。

forEach 能不能改变原数组

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

let numArr = [1, 2, 3];

numArr.forEach((item) => {
    item = item * 2;
});
console.log(numArr); // 打印结果：[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（index） 和参数 3(arr) 来做，具体请看下面的标准做法.

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: '张三', age: 28 },
    { name: '李四', age: 34 },
];

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: '张三', age: 28 },
    { name: '李四', age: 34 },
];

objArr2.forEach((item, index, arr) => {
    arr[index].name = '王五';
});
console.log(JSON.stringify(objArr2)); 
// 打印结果：[{"name":"王五","age":28},{"name":"王五","age":34}]

如果纯粹只是遍历数组，那么，可以用 forEach() 方法

但是，如果你想在遍历数组的同时，去改变数组里的元素内容，那么，最好是用 map() 方法来做，不要用 forEach()方法，避免出现一些低级错误。