js数组forEach方法的赋值问题

闲鱼_JavaScript

已于 2022-04-29 17:38:24 修改

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： js系列文章标签： javascript

于 2022-04-29 17:37:07 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47436633/article/details/124500195

js系列专栏收录该内容

22 篇文章

订阅专栏

本文探讨了JavaScript中forEach方法在处理不同数据类型时的赋值行为。当数组元素为基本类型（如undefined、null、boolean、number、string、symbol）时，直接赋值无法改变原数组，因为它们的栈地址即为值本身。而当数组元素为对象、数组或函数时，由于这些是引用类型，forEach内部的赋值操作会影响到原始对象。总结了这一现象并解释了其背后的内存原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

比如说赋值不行的时候：

        const arr = [1, true, '3', undefined, null, Symbol(6), 7, 8, 9]
        arr.forEach(item => {
            item = 'px'
        })
        console.log(arr) // [1, 2, 3, 4, 5, 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]它代表着一个明确的堆地址。
如果给定的数组里面各项为对象、数组、函数。此时赋值的原数组各项会发生改变，因为此时数组各项被存储的（栈）不是他们数据本身而是一个地址、堆的地址（这句话简而言之就是在数组各项里面存储的是指向各自的堆地址）