js对象深拷贝方法,解决等号赋值后一个对象中的对象改变时另一个对象的对象也随着改变的方法!

本文探讨了JavaScript中如何进行对象深拷贝,以解决使用等号赋值时一个对象内的对象改变会影响到另一个对象的问题。通过示例代码展示了使用JSON.stringify和JSON.parse方法以及原生JavaScript循环遍历赋值的方式,但需要注意JSON.stringify不适用于包含函数的对象深拷贝。
摘要由CSDN通过智能技术生成

js深拷贝方法:

对象深拷贝,等号赋值后一个对象中的对象改变时另一个对象的对象也随着先来一段代码看看我们的问题:

var obj1={
   name:'lisi',
    age:{
        width:1,
        height:2,
    }
}
var obj2={};
for(var key in obj1){
    obj2[key]=obj1[key];
}
obj1.age.width++; 
obj1.name='tom'
console.log(obj1==obj2)    //false,
console.log(obj2);     //{name:"lisi",age{width:1,height:2}}
console.log(obj1);     //{name:"lisi",age{width:1,height:2}}

运行结果:

在这里插入图片描述
eg: 我尝试了es6语法中的扩展运算符{…},它也解决不了赋值后一个对象中的对象改变时另一个对象的对象也随着改变,所以扩展运算符也不行

var obj1={
  name:'lisi',
     age:{
         width:1,
         height:2,
     }
 }
 obj2={...obj1}
 obj1.age.width++; 
 obj1.name='t
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值