深拷贝与浅拷贝
1.基础数据类型
深拷贝或浅拷贝只针对引用数据类型,基础数据类型不算,那叫赋值
let a = 200;
let b = a;
2.数组和对象的赋值:浅拷贝
浅拷贝:修改目标的值会使被源对象的值也发生改变,因为浅拷贝复制的是指向内存区域的指针
3. 结构赋值
针对一维数组和对象可以看做是深拷贝,需要修改目标对象的值时,互不干扰
针对多维数组和对象可以看做是浅拷贝
4. 深拷贝用法
- 利用JSON.stringify()和JSON.parse()两次转换改变性质,从而达到深拷贝的效果
但是这种方法只能满足部分需要,因为拷贝对象内不能含有方法,JSON.stringify()不能转换undefined,函数,XML对象。
2. 手写深拷贝:引用数据类型(数组,对象)
function deepClone(source) {
//判断源对象是[]=>Array(基类),{}=>Object,并赋值给目标对象
const targetObj = source.constructor === Array ? [] : {};
//遍历source
for(let keys in source) {
//判断数据类型
if(source.hasOwnProperty(keys)) {
//引用数据类型:数组或者对象
if(source[keys] && typeof source[keys] === 'object') {
//维护层代码---提示用 这句不影响运行
targetObj[keys] = source[keys].constructor === Array ? [] : {};
//递归
targetObj[keys] = deepClone(source[keys]);
}else{
//基础数据类型 ,直接赋值
targetObj[keys] = source[keys];
}
}
}
return targetObj;
}