关于深拷贝和浅拷贝的学习分享

本文通过实例对比了JavaScript中深拷贝与浅拷贝的区别。浅拷贝仅复制对象的第一层属性,修改拷贝后的对象会影响原对象;而深拷贝会递归地复制所有层级的属性,确保两对象间相互独立。

今天看了一个关于深拷贝和浅拷贝的问题解释,挺好的,写出来分享一下

1.浅拷贝

var obj1 = {a:1,b:10};
var obj2 = obj1;

此时如果改变obj2的值的话,obj1的值也会跟着变

2.深拷贝

简单写法:

var obj3 = {a:1,b:10};
var obj4 = {a:obj3.a,b:obj3.b};

//在这里更改obj4的b不会影响obj3的值
obj4.b = 100;
console.log(obj3)
console.log(obj4)

封装函数写法:

function deepClone(initalObj, finalObj) {
  var obj = finalObj || {};
  for (var i in initalObj) {
    if(typeof initalObj[i] === 'object') {
      obj[i] = (initalObj[i].constructor === Array) ? [] : {};
      deepClone(initalObj[i], obj[i]);
    }else {
      obj[i] = initalObj[i];
    }
  }
  return obj;
}
var str = {};
var obj = { a: "hello", b: 21 };
deepClone(obj, str);
console.log(str.a);

转载于:https://www.cnblogs.com/shenwh/p/9146968.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值