JavaScript之实现深拷贝的方法

JavaScript之实现深拷贝的方法

1.用递归的方式实现深拷贝

//使用递归的方式实现数组、对象的深拷贝
			function deepClone(obj) {
			  //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
			  var objClone = Array.isArray(obj) ? [] : {};
			  //进行深拷贝的不能为空，并且是对象或者是
			  if (obj && typeof obj === "object") {
			    for (key in obj) {
			      if (obj.hasOwnProperty(key)) {
					    //判断obj子元素是否为对象，如果是，递归复制
			        if (obj[key] && typeof obj[key] === "object") {
			          objClone[key] = deepClone(obj[key]);
			        } else {
						//不是进行简单复制
			          objClone[key] = obj[key];
			        }
			      }
			    }
			  }
			  return objClone;
			}
			var a=[1,2,3,4,5],
			    b=deepClone(a);
			a[0]=2;
			console.log(a,b);

2.用 JSON 对象实现深拷贝

运用JSON中的stringify和parse方法实现

function deepClone(obj){
			    let _obj = JSON.stringify(obj),
			        objClone = JSON.parse(_obj);
			    return objClone
			}    
			let a=[0,1,3,4,5],
			    b=deepClone(a);
			a[0]=1;
			console.log(a,b);

3.jQuery的extend方法实现深拷贝

$.extend( [deep ], target, object1 ,[ objectN ] )

deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝

target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1 objectN可选, Object类型 第一个以及第N个被合并的对象。

let a=[0,1,2,3,4],
 b=$.extend(true,[],a);
a[0]=1;
console.log(a,b);

注意：slice并不属于深拷贝，对于一级属性确实不受影响了，但是二级属性还是没能拷贝成功所以不属于深拷贝

参考于https://www.cnblogs.com/echolun/p/7889848.html