js实现深拷贝的方法

js实现深拷贝的方法

• 使用递归的方式实现深拷贝

function deepClone(origin，target){
		var target = target || { };
		var toStr = Object.prototype.toString;
		var arrStr = "[object Array]";
		for(var prop on origin){
			if(origin.hasOwnproperty(prop)){
				if(typeof(origin[prop])=="Object"){
					target[prop]=toStr.call(origin[prop]=arrStr)?[]:{};
					deepClone(origin[prop]，target[prop]);
				}else{
					 target[prop] = origin[prop];
						}
		}
	}
					return target
}

• 通过 JSON 对象实现深拷贝

//通过js的内置对象JSON来进行数组对象的深拷贝
function deepClone2(obj) {
  var _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
  return objClone;
}

通过 JSON 对象实现深拷贝这种方法有一定的局限性。它忽略了undefined symbol 且不能序列化函数

• 通过jQuery的extend方法实现深拷贝

var array = [1,2,3,4];
var newArray = $.extend(true,[],array);

• Object.assign()拷贝

当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。

• lodash函数库实现深拷贝

lodash很热门的函数库，提供了 lodash.cloneDeep()实现深拷贝