深拷贝(什么是深拷贝,为什么要进行深拷贝,如何进行深拷贝(至少写三种方法,手写深拷贝))?
1.什么是深拷贝
是指,建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用” 我们希望在改变新的数组(对象)的时候,不改变原数组(对象)
2.三种方法实现方法
1.slice 方法实现数组的深拷贝
该方法可以将原数组中抽离部分出来形成一个新数组,只要设置为抽离全部,即可完成数组的深拷贝
const arr = [1,2,3,4,5]
const arr2 = arr.slice(0)
arr[2] = 10
console.log(arr)
console.log(arr2)
2.concat 方法实现数组的深拷贝
const arr = [1,2,3,4,5]
const arr2 = arr.concat()
arr[2] = 10
console.log(arr)
console.log(arr2)
3.使用递归实现深拷贝
function deepClone(obj){
let objClone = Array.isArray(obj)?[]:{};
if(obj && typeof obj==="object"){
for(key in obj){
if(obj.hasOwnProperty(key)){
//判断ojb子元素是否为对象,如果是,递归复制
if(obj[key]&&typeof obj[key] ==="object"){
objClone[key] = deepClone(obj[key]);
}else{
//如果不是,简单复制
objClone[key] = obj[key];
}
}
}
}
return objClone;
}
4.Object.assign() 拷贝
当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候(有二级属性),此方法就是浅拷贝。
5.JSON.stringify 和 JSON.parse
用 JSON.stringify 把对象转换成字符串,再用 JSON.parse 把字符串转换成新的对象。
可以转成 JSON 格式的对象才能使用这种方法,如果对象中包含 function 或 RegExp 这些就不能用这种方法了。
const obj = {
name:{ names:'张三' },
age: 24
}
const obj2 = JSON.parse(JSON.stringify(obj))
obj2.name.names = '王二'
obj2.age = 48
console.log(obj)
console.log(obj2)
5.使用arguments