js数组forEach方法的赋值问题

不知道你有没有遇到过这种情况

使用forEach的时候有时候能赋值上去，有时候又不得行！

比如说 赋值不行的时候：

const arr = [1, true, '3', undefined, null, Symbol(6), 7, 8, 9]
arr.forEach(item => {
   item = 'px'
})
console.log(arr) // [1, true, "3", undefined, null, Symbol(6), 7, 8, 9]

赋值又可以的时候

        const arr = [
            { name: 'zk', list: [1, 2, 3], fn: (a, b) => a + b },
            { name: 'lz', list: [1, 2, 3], fn: (a, b) => a + b },
            { name: 'lh', list: [1, 2, 3], fn: (a, b) => a + b },
        ]
        arr.forEach(item => {
            item.name = 'px'
            item.list[0] = 'px'
            item.fn = (a, b) => a * b
        })
        console.log(arr) // [{name:"px", list:["px",2,3]}, fn: (a, b) => a * b} ....]

从以上结论来看，如果你对 堆栈 这方面有了解的话，那就不难而得之了；

如果给定的数组里面各项为 js基本类型（undefined、null、boolean、number、string、symbol） 的数据 ，此时赋值原数组里各项是不会发生改变的，因为他们的栈地址的值就是他们本身，此时修改，则无效，因为它并不是一个指向，此时如果要修改只能arr[i] 的方式去修改，arr[i]它代表着一个明确的堆地址。
如果给定的数组里面各项为 对象、数组、函数。此时赋值的原数组各项会发生改变，因为此时数组各项被存储的（栈）不是他们数据本身而是一个地址、堆的地址（这句话简而言之就是在数组各项里面存储的是指向各自的堆地址）

原文链接：https://blog.csdn.net/weixin_47436633/article/details/124500195