实现深拷贝的方法

浅拷贝和深拷贝:

深拷贝:将数据的所有引用结构都拷贝一份,那么所有数据在内存中独立就是深拷贝
浅拷贝:只针对当前对象的属性进行拷贝 ,对于引用型数据,只是拷贝它的地址,则为浅拷贝

深拷贝的实现方法
1.使用递归实现深拷贝:

function deepclone(obj){
    var newDate=Array.isArray(obj)?[]:{};
    if(obj&&typeof obj==='object'){
        for(var k in obj){
            if(obj[k]&&typeof obj[k]==='object'){
                newDate[k]=deepclone(obj[k]);
            }else{
                newDate[k]=obj[k];
            }
        }
    }
    return newDate;
}
var obj={
    name:'zs',
    family:{
        mom:'ls',
        father:'sb'
    }
}
var newobj=deepclone(obj);
obj.family.mom='ml';
console.log(obj);
console.log(newobj);

*2.使用JSON对象实现深拷贝:

function deepclone(obj){
       var newDate=JSON.parse(JSON.stringify(obj));
    return newDate;
}
var obj={
    name:'zs',
    family:{
        mom:'ls',
        father:'sb'
    }
}
var newobj=deepclone(obj);
obj.family.mom='ml';
console.log(obj);
console.log(newobj);
//注:也可用下面方式,原理与上面一样,都是先将对象转化成字符串,再将字符串转成对象
//function deepclone(obj){
       // var newa=JSON.stringify(obj);
       // var newDate= eval('(' + newa+ ')');
   // return newDate;
//}

*3.使用assign拷贝:

//当对象只有一级属性时为深拷贝
function deepclone(obj){
        newDate=Object.assign(obj);
    return newDate;
}
var obj={
    name:'zs',
    age:12
}
var newobj=deepclone(obj);
obj.family.mom='ml';
console.log(obj);
console.log(newobj);
//当对象有二级属性时为浅拷贝
function deepclone(obj){
        newDate=Object.assign(obj);
    return newDate;
}
var obj={
    name:'zs',
    family:{
        mom:'ls',
        father:'sb'
    }
}
var newobj=deepclone(obj);
obj.family.mom='ml';
console.log(obj);
console.log(newobj);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值