javascript实现深度拷贝
在JavaScript中,深拷贝是指创建一个新对象,并将原对象的所有属性值复制到新对象中。这样,即使修改新对象的属性值,也不会影响到原对象。
1.使用JSON.parse()和JSON.stringify()方法:
function deepClone(obj) { return JSON.parse(JSON.stringify(obj)); }
注意:这种方法只适用于可以被JSON序列化的对象,对于函数、正则表达式、Symbol等类型的属性,以及循环引用的对象,这种方法无法正确拷贝。
2.使用递归方法:
function deepClone(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj;
}let clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}return clone;
}
这种方法可以处理更多类型的属性,但是对于循环引用的对象,仍然无法正确拷贝。
3.使用递归和WeakMap来实现支持循环引用对象的深拷贝方法:
function deepClone(obj, hash = new WeakMap()) {
if (obj === null || typeof obj !== 'object') {
return obj;
}// 如果已经拷贝过该对象,则直接返回缓存结果
if (hash.has(obj)) {
return hash.get(obj);
}let clone = Array.isArray(obj) ? [] : {};
// 将新对象存入缓存
hash.set(obj, clone);for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key], hash);
}
}return clone;
}
在 ES6 中,引入了一种新的数据结构 WeakMap,它是一种弱引用的键值对集合。与普通的 Map 不同,WeakMap 的键只能是对象,并且对于键引用的对象,如果没有其他引用存在,它们会被垃圾回收。WeakMap 具有以下特性:
1. 只能使用对象作为键:WeakMap 的键只能是对象,不能是原始值(如字符串、数字等)。
2. 弱引用:当键引用的对象没有其他引用存在时,它们会被垃圾回收。这意味着 WeakMap 不会阻止对象被垃圾回收。
3. 不可迭代:WeakMap 不支持迭代方法,如 `forEach`、`keys`、`values` 和 `entries`。
4. 无法获取大小:WeakMap 没有 `size` 属性或方法来获取其大小。
此方法可完美实现真正意义上的深度拷贝,以下是简单示例:
let obj1 = { a: 1, b: [2, 3], c: { d: 4 } };
let obj2 = obj1;
obj1.e = obj2;let clone1 = deepClone(obj1);
console.log(clone1); // { a: 1, b: [2, 3], c: { d: 4 }, e: { ... } }
console.log(clone1 === clone2); // false
console.log(clone1.e === clone2); // true