当前位置:   article > 正文

forEach是否会改变原数组_foreach会改变原数组吗

foreach会改变原数组吗

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

const array1 = [1, 1, 1];

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

console.log(array1);//[1,1,1]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

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 } ]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

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 } ]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

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}]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

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

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

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

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

对于基本类型来说,它们在栈内存中直接存储变量与值,而引用类型的真正

数据是保存在堆内存,栈内只保存了对象的变量以及对应的堆的地址,所以

操作Object其实就是直接操作了原数组对象本身

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/915101
推荐阅读
相关标签
  

闽ICP备14008679号