js深拷贝实例探讨

深度拷贝就是把父对象拷贝到子对象上，而且两者的内存和以后的操作都互不影响的拷贝，本文主要和大家分享js深拷贝实例探讨，希望能帮助到大家。

（1）方法1

function copy(obj1,obj2){
 var obj2=obj2||{}; 
 for(var name in obj1){ if(typeof obj1[name] === "object"){ //先判断一下obj[name]是不是一个对象
 obj2[name]= (obj1[name].constructor===Array)?[]:{}; 
 copy(obj1[name],obj2[name]); //然后来无限递归
 }else{
 obj2[name]=obj1[name]; //如果不是对象，直接赋值。
 }
 } return obj2; 
}

使用方法：

var obj1 = {
 se:[{a:1,b:2},{c:3}],
 sa:{a:"g"},
 sc:function(){console.log(1)}
}var n_obj = copy(obj1,{})
console.log(n_obj)

（2）方法2

function d_clone(obj) {
 return Object.getPrototypeOf(Object.create(obj));
}

使用方法：

var obj1 = {
 se:[{a:1,b:2},{c:3}],
 sa:{a:"g"},
 sc:function(){console.log(1)}
}var n2_obj = d_clone(obj1);
console.log(n2_obj)

（3）方法3

JSON.parse(JSON.stringify(obj)

说明：obj的属性中不能含有函数。

（1）方法1

function copy(obj1,obj2){
 var obj2=obj2||{}; 
 for(var name in obj1){ if(typeof obj1[name] === "object"){ //先判断一下obj[name]是不是一个对象
 obj2[name]= (obj1[name].constructor===Array)?[]:{}; 
 copy(obj1[name],obj2[name]); //然后来无限递归
 }else{
 obj2[name]=obj1[name]; //如果不是对象，直接赋值。
 }
 } return obj2; 
}

使用方法：

var obj1 = {
 se:[{a:1,b:2},{c:3}],
 sa:{a:"g"},
 sc:function(){console.log(1)}
}var n_obj = copy(obj1,{})
console.log(n_obj)

（2）方法2

function d_clone(obj) {
 return Object.getPrototypeOf(Object.create(obj));
}

使用方法：

var obj1 = {
 se:[{a:1,b:2},{c:3}],
 sa:{a:"g"},
 sc:function(){console.log(1)}
}var n2_obj = d_clone(obj1);
console.log(n2_obj)

（3）方法3

JSON.parse(JSON.stringify(obj)

说明：obj的属性中不能含有函数。