引用类型的深拷贝

项目中,需要用到深拷贝问题,稍微总结了一下:
const obj = {
    name:'Jack',
    age:'22',
    sex:'female',
}
const obj2 = obj;
obj2.name = 'Rose'; //重写name属性
console.log(obj2);  //obj和obj2 的name均改变,即存在引用关系
console.log(obj);
-------以下为对象拷贝-------
const obj3 = JSON.parse(JSON.stringify(obj));
obj3.name = 'Tom';
console.log(obj3);
console.log(obj);
-------以下为函数拷贝-------
const fn1 = function(){
    console.log('fn1');
}
console.log(fn1());
const fn2 = JSON.parse(JSON.stringify(fn1));
console.log(fn2());

“`

下面我们看打印结果:

这里写图片描述
可见,引用类型中的数组和对象,可以使用JSON.parse(JSON.stringify(xx))的方式进行深拷贝,即切断引用之间的联系,拿到某个数组或对象进行修改,而不会对其本身及其引用产生影响;但是函数不能进行拷贝,也就是上面方法不能对对象的函数方法进行拷贝。

———————————————新增——————————————————-

对象深拷贝:

一 let deepCopiedObj = JSON.parse(JSON.stringify(initObj));
二 利用 ES6 的拓展运算符, let deepCopiedObj = {…initObj}; 注意:虽然拓展运算符在ES6中为数组的新增部分,但是也能用来对对象进行拓展。
三 对旧对象进行循环遍历,赋给新对象,比较传统繁琐的方法了。

数组深拷贝:

一 let deepCopiedArr = JSON.parse(JSON.stringify(initArr));
二 let deepCopiedArr = […initArr];
三 对旧数组进行循环遍历,赋给新数组,依旧比较传统繁琐。
四 let deepCopiedArr = initArr.slice(0); // 某次笔试中就用的此法,比较快捷
五 let deepCopiedArr = [ ].concat(initArr);

以上部分也算是干货总结了,前端仍在学习中,不足之处还请批评指正~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值