forEach是否会改变原数组

1、基本数据类型(改变不了原数组)

const array1 = [1, 1, 1];

array1.forEach(a => {
    a+1
});

console.log(array1);//[1,1,1]

2、引用类型(可以改变原数组)

const obj = [
    {
        a : 'sss',
        b : 22
    },
    {
        a : 'xxx',
        b : 33
    }
]

obj.forEach(aa => {
    if(aa.a === 'xxx') {
        aa.b = 74
    }
})

console.log(obj);//[ { a: 'sss', b: 22 }, { a: 'xxx', b: 74 } ]

3、改变不了整个obj

const obj = [
    {
        a : 'sss',
        b : 22
    },
    {
        a : 'xxx',
        b : 33
            
    }
]

obj.forEach(aa => {
    if(aa.name === 'sss') {
        aa = {
            a : 'yyy',
            b : 74 
        }
    }
})

console.log(obj);//[ { a: 'sss', b: 22 }, { a: 'xxx', b: 33 } ]

4、在引用类型和基本数据类型都改变原数组

const numArr = [33,4,55];
numArr.forEach((ele, index, arr) => {//三个参数
    //ele是数组当前项的值
    //index是数组当前项的索引
    //是当前数组本身
    
    if (ele === 33) {
    
        arr[index] = 999
    }
})
console.log(numArr);  // [999, 4, 55]

const allChangeArr = [{
    name: 'wxw',
    age: 22
}, {
    name: 'wxw2',
    age: 33
}]
allChangeArr.forEach((ele, index, arr) => {
    if (ele.name === 'wxw2') {
        arr[index] = {
            name: 'change',
            age: 77
        }
    }
})
console.log(allChangeArr); // // [{name: "wxw", age: 22},{name: "change", age: 77}]

上面的代码就相当于直接,

let a = [1,2,3]
a[0] =  4
console.log(a);//[ 4, 2, 3 ]

5、 为啥会发生引用类型可以改变原数组,但是原数组改变不了原数组

基本类型我们当次循环拿到的那个元素,只是forEach给我们在另一个地方复制创建新元素,是和原数组这个元素没有半毛钱联系的。

对于基本类型来说,它们在栈内存中直接存储变量与值,而引用类型的真正数据是保存在堆内存,栈内只保存了对象的变量以及对应的堆的

地址,所以操作Object其实就是直接操作了原数组对象本身

上一篇:aa


下一篇:力扣题10正则表达式匹配(困难)