es6的咱开运算符是深拷贝还是浅拷贝？

旅行家小二

于 2022-01-14 09:33:57 发布

阅读量420

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_43869982/article/details/122487327

版权

JS 专栏收录该内容

42 篇文章

订阅专栏

本文通过两个示例探讨了在JavaScript中使用扩展运算符进行数组拷贝时的区别：当数组内的元素为简单数据类型时实现深拷贝，而当数组内的元素为复杂对象时则仅实现了浅拷贝。

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

两种情况
1、若内部元素为普通数据类型为深拷贝

        let arr = [1,2,3,4]
        let arr2 = [...arr]
        arr[0] = '修改'
        console.log(arr) //['修改', 2, 3, 4]
        console.log(arr2)   //[1, 2, 3, 4]

2、若内部元素为复杂数据类型为浅拷贝

        let arr = [
            {
                name:'章三',
                aghe:13
            }
        ]
        let arr2 = [...arr]
        arr[0].name = '李四'
        console.log(arr)    //{name:'李四',aghe:13}
        console.log(arr2)   //{name:'李四',aghe:13}