对象赋值_深拷贝

应用场景是给对象赋值,即 把一个对象的值赋给另一个对象
这里采用 粗暴深拷贝 (看到网上的大佬是这么称呼的)
很简单
一句话

// obj 被赋值的对象
// list 用来赋值的对象
obj = JSON.parse(JSON.stringify(list))

以上只能处理 Number, String, Boolean, Array, 扁平对象,也就是说,只有可以转成JSON格式的对象才可以这样用


最近看视频学到了通过递归实现深拷贝

var obj = {
	 id: 1,
     name: '小明',
     msg: {
         age: 18
     },
     friend: [
         '小王',
         '小李'
     ]
 }

 // 空对象用来保存拷贝后的数据
 var o = {}
 // instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
 function deepCopy (newObj, oldObj) {
     for (var k in oldObj) {
         // 判断属性值属于哪种数据类型
         // 1. 获取属性值
         var item = oldObj[k]
         // 2. 判断是否为数组
         // 数组也属于object,如果先判断是否为object,会把数组当对象解析,就不会再判断array了
         if (item instanceof Array) {
             newObj[k] = []
             deepCopy(newObj[k], item)
         } else if (item instanceof Object) {
             // 3. 判断是否为对象
             newObj[k] = {}
             deepCopy(newObj[k], item)
         } else {
             // 4. 判断是否为普通数据类型
             newObj[k] = item
         }
     }
 }
 deepCopy(o, obj)
 console.log(o);
 o.msg.age = 24
 console.log(obj);

浅拷贝只是拷贝一层,更深层次对象级别的只拷贝了其引用(地址),此时数据指向同一个地址,修改任意一项的数据,另一项也都会改变

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值