...运算符拷贝对象、Object.assign()拷贝对象

最新推荐文章于 2025-07-29 18:18:43 发布

CactusStory_

最新推荐文章于 2025-07-29 18:18:43 发布

阅读量407

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/CactusStory_/article/details/122364013

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文对比了JavaScript中Object.assign()和扩展运算符...在对象复制中的行为，指出两者在处理深层属性时的不同：前者可能影响子对象，后者不会。

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

…运算符

拷贝举例

        let animal = {type:'cat',name:'vivi',children:{
            name:"ch1",
            age:1
        }};
        let copy = {...animal};
        animal.name = "hihi";
        animal.children.age = 6;

        console.log('copy',copy);
        console.log('animal',animal);

运行结果
在这里插入图片描述
由以上运行结果可以看出，...运算符进行对象拷贝的时候

对于第一层的元素来说，修改源对象的元素值，新拷贝的对象对应元素值不会被影响；
但是对于再深层次的元素来说，修改源对象的元素值，新拷贝的对象对应元素值也会跟着变化。

Object.assign()

举例

        let animal = {type:'cat',name:'vivi',children:{
            name:"ch1",
            age:1
        }};
        
        let copy = Object.assign({},animal);
        animal.children.age = 9;
        animal.name = "hoho";
        
        console.log('copy',copy);
        console.log('animal',animal);