要实现深拷贝函数,以解决循环引用问题,您可以使用一个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对象的不同属性之间进行比较,它们都是不同的对象,同时仍然保持了原始对象的结构。
网友回复