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其实就是直接操作了原数组对象本身

  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值