浅拷贝与深拷贝的实现

浅拷贝与深拷贝

1.前提掌握条件：

for( var k in obj) for…in循环
ES6语法：object.assign(target,…source)

2.概念解析：

浅拷贝：仅拷贝第一层数据，更深层次的数据只引用地址。
深拷贝：使用函数递归来实现深层次数据的拷贝。

3.实现方式：

浅拷贝：

//原始方法
var obj={
  name:'lisa',
  age:18
}
var obj1={}
for(let k in obj){
  obj1[k]=obj[k]
}
//-----------------------------------------------
//进阶方法，推荐使用：书写简单
var obj={
  name:'lisa',
  age:18
}
var obj1={}
Object.assign(obj1,obj)

深拷贝：

//封装函数来判断对象的某一个属性是什么类型从而进行拷贝
var obj={
    name:'lisa',
	age:18
}
//根据旧对象的类型来指定新对象的类型
var obj1=obj instanceof Array? []:{}
function deepCopy(newObj,oldObj){
//但其实并不推荐数组也使用for in循环，因为for in循环时会遍历到继承的属性名，比如添加到Array.prototype中的方法。
	if(oldObj instanceof Array){
              for(var i=0;i<oldObj.length;i++){
			var item=oldObj[i] 
			//判断某一项是什么类型
			if(item instanceof Array){
				newObj[i]=[]
				deepCopy(newObj[i],item)
			}else if (item instanceof Object){
				newObj[i]={}
				deepCopy(newObj[i],item)
			}else{
				newObj[i]=item
			}
		}
	}else{
		for(var k in oldObj){
			var item=oldObj[k] 
			//判断某一项是什么类型,因为数组也属于对象所以要先判断是否属于数组类型
			if(item instanceof Array){
				newObj[k]=[]
				deepCopy(newObj[k],item)
			}else if (item instanceof Object){
				newObj[k]={}
				deepCopy(newObj[k],item)
			}else{
				newObj[k]=item
			}
		}
	}
}
deepCopy(obj1,obj)
console.log(obj1)
//修改原对象并不会对拷贝后的对象产生影响
obj.name='lili'
console.log(obj,obj1)

技术点：
（1）递归的应用
（2）数组和对象的遍历的共同点和不同点：比如for in