js实现对象深拷贝

本文探讨了三种JavaScript中实现对象深拷贝的方法:for..in循环、Object.assign和解构赋值。尽管for..in和解构赋值在某些情况下能实现深拷贝,但它们都存在局限,无法处理对象属性内嵌对象的深拷贝问题。Object.assign仅能进行浅拷贝。文章通过实例展示了这些方法的使用及各自的优缺点。
摘要由CSDN通过智能技术生成

目录

 

一、利用for(..in)

二、利用Object.assign

三、利用解构赋值


一、利用for(..in)

缺点:复杂

优点:能实现多层的深拷贝

二、利用Object.assign

缺点:只能深拷贝对象的第一层,如果对象中的属性也是对象的话,没有办法拷贝的。

三、利用解构赋值

  let obj = { name: "laogao", age: 20 };
  obj1 = { ...obj };
  //   验证拷贝是否成功
  console.log(obj1);
  //   验证深拷贝
  obj1.height = 180;
  console.log(obj1);
  console.log(obj);

打印结果:

...这三个点会把后面对象或数组中的属性或数值取出组成一个序列,相当于把obj中的属性(带有属性值)取出组成个序列,又被放在obj1中了。

缺点:只能深拷贝对象的第一层,如果对象中的属性也是对象的话,没有办法拷贝的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值