要实现深拷贝函数,以解决循环引用问题,您可以使用一个Map(或对象)来跟踪已经克隆的对象,以避免无限递归。下面是一个示例实现深拷贝函数的JavaScript代码:
function deepClone(obj, clonedObjects = new Map()) {
// 如果对象已经被克隆过,直接返回克隆后的对象
if (clonedObjects.has(obj)) {
return clonedObjects.get(obj);
}
// 处理非对象类型的数据
if (typeof obj !== 'object' || obj === null) {
return obj;
}
// 创建一个新的对象或数组,具体类型与原对象相同
const clone = Array.isArray(obj) ? [] : {};
// 将克隆对象放入Map,以便后续引用
clonedObjects.set(obj, clone);
// 递归克隆对象的属性或元素
for (const key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
clone[key] = deepClone(obj[key], clonedObjects);
}
}
return clone;
}
const obj = { arr: [], a: 4 };
obj.sub = obj;
obj.arr.push(obj);
const newobj = deepClone(obj);
console.log(newobj.arr !== obj.arr); // true
console.log(newobj.sub !== obj.sub); // true
console.log(newobj.arr[0] !== obj); // true
console.log(newobj.arr[0] === newobj); // true
这个deepClone函数将递归地处理对象和数组,同时通过clonedObjects Map 来检查已经克隆的对象,避免无限递归。这确保了深拷贝不会受到循环引用的影响。最后,您可以看到通过newobj对象的不同属性之间进行比较,它们都是不同的对象,同时仍然保持了原始对象的结构。 网友回复


