js 实现深拷贝

对象的深拷贝

1. 通过JSON对象实现深拷贝

注意： 无法实现对象中方法的深拷贝

function objDeepClone(obj) {
  let _obj = JSON.stringify(obj),
  return JSON.parse(_obj);
  }

2. 使用递归的方式去实现

function objDeepClone(obj){
	let objClone = Array.isArray(obj)?[]:{}
	if(obj && typeof (obj)==='object'){
		for(let key in obj){
			if(obj[key] && typeof (obj[key])==='object'){
				objClone[key] = objDeepClone(obj[key])
			}else{
				objClone[key] = obj[key]
			}
		}
	}
	return objClone
}
或者
function deepClone(data){
	if(typeof data ==='object' && data){
		let val = typeof data.length ==='number' ? [] : {}
		for(const key in data){
			val[key] = deepClone(data[key])
		}
		return val
	}else{
		return data
	}
}

3. 通过Object.assign()拷贝

注意： 当对象只有一级属性为深拷贝；当对象中有多级属性时，二级属性后就是浅拷贝

let obj={name:"深拷贝",method:"1"}
let objResult = Object.assign({},obj)
objResule // {name:"深拷贝",method:"1"}
objResult === obj // true

数组的深拷贝

1. concat 实现数组的深拷贝

注意：当数组中的元素均为一维是深拷贝， 数组中元素一维以上是值的引用

let arr=[1,2,3,4,5]
let arrTemp = arr.concat([])
arrTemp // [1, 2, 3, 4, 5]

2. slice(idx1, idx2)

注意：当数组中的元素均为一维是深拷贝,数组中元素一维以上是值的引用

参数可以省略

1）没有参数是拷贝数组

2）只有一个参数是从该位置起到结束拷贝数组元素

3）两个参数，拷贝从起始位置到结束位置的元素（不包含结束位置的元素：含头不含尾）