实现深拷贝的方法

浅拷贝和深拷贝:

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

深拷贝的实现方法
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);

你可能感兴趣的:(实现深拷贝的方法)