实现深拷贝的方法

浅拷贝和深拷贝: 深拷贝:将数据的所有引用结构都拷贝一份,那么所有数据在内存中独立就是深拷贝
浅拷贝:只针对当前对象的属性进行拷贝 ,对于引用型数据,只是拷贝它的地址,则为浅拷贝
深拷贝的实现方法
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);

    推荐阅读