对象的深拷贝
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)两个参数,拷贝从起始位置到结束位置的元素(不包含结束位置的元素:含头不含尾)