一、深拷贝
拷贝不仅将原对象的各个属性逐个复制出去,而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。
1.1 JSON.Parse(JSON.stringify)
1.1.1 弊端
如果 obj 的属性有时间对象,则 JSON.stringify 后再 JSON.parse 的结果,时间将转为字符串的形式,而不是对象的形式
如果 obj 的属性有 RegExp (正则表达式的缩写)、Error 对象,则序列化的结果将只得到空对象;
如果 obj 的属性有函数(function),undefined,Symbol, 则序列化的结果会把 function 或 undefined 丢失;
如果obj 的属性有 NaN、Infinity 和 -Infinity,则序列化的结果会变成 null
JSON.stringify() 只能序列化对象的可枚举的自有属性,例如如果 obj 中的对象是有构造函数生成的, 则使用 JSON.parse(JSON.stringify(obj)) 深拷贝后,会丢弃对象的 constructor;
如果对象中存在循环引用的情况也无法正确实现深拷贝,并且会导致死循环,最后抛出异常
1.1.2 其他常用场景
- 判断数组是否包含某对象: 将数组和要比对的对象转换成字符串后,比对字符串包含关系。(对象顺序很关键)
- 判断对象是否相等(对象顺序很关键)
- 让 localStorage / sessionStorage 可以存储对象
1.2 递归函数封装
function deepClone(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] = deepClone(obj[key]);
} else {
objClone[key] = obj[key]
}
}
}
return objClone;
}
二、浅拷贝
2.1 Object.assign() 拷贝
注意: 当对象只有一级属性为深拷贝;
当对象中有多级属性时,二级属性后就是浅拷贝