我有一个对象x。我想将其复制为对象y，这样对y的更改不会修改x。我意识到复制从内置JavaScript对象派生的对象会导致额外的、不需要的财产。这不是问题，因为我正在复制我自己的一个文字构造对象。
如何正确克隆JavaScript对象？
当前回答
我认为，在没有库的情况下，缓存的重复性是最好的。
被低估的WeakMap涉及到循环的问题，其中存储对新旧对象的引用可以帮助我们很容易地重建整个树。
我阻止了DOM元素的深度克隆，可能您不想克隆整个页面：）
function deepCopy(object) {
const cache = new WeakMap(); // Map of old - new references
function copy(obj) {
if (typeof obj !== 'object' ||
obj === null ||
obj instanceof HTMLElement
)
return obj; // primitive value or HTMLElement
if (obj instanceof Date)
return new Date().setTime(obj.getTime());
if (obj instanceof RegExp)
return new RegExp(obj.source, obj.flags);
if (cache.has(obj))
return cache.get(obj);
const result = obj instanceof Array ? [] : {};
cache.set(obj, result); // store reference to object before the recursive starts
if (obj instanceof Array) {
for(const o of obj) {
result.push(copy(o));
}
return result;
}
const keys = Object.keys(obj);
for (const key of keys)
result[key] = copy(obj[key]);
return result;
}
return copy(object);
}
一些测试：
// #1
const obj1 = { };
const obj2 = { };
obj1.obj2 = obj2;
obj2.obj1 = obj1; // Trivial circular reference
var copy = deepCopy(obj1);
copy == obj1 // false
copy.obj2 === obj1.obj2 // false
copy.obj2.obj1.obj2 // and so on - no error (correctly cloned).
// #2
const obj = { x: 0 }
const clone = deepCopy({ a: obj, b: obj });
clone.a == clone.b // true
// #3
const arr = [];
arr[0] = arr; // A little bit weird but who cares
clone = deepCopy(arr)
clone == arr // false;
clone[0][0][0][0] == clone // true;
注意：我使用常量、for of循环、=>运算符和WeakMaps来创建更重要的代码。当前的浏览器支持此语法（ES6）
其他回答
对于深度复制和克隆，JSON.stringify然后JSON.parse对象：
obj = { a: 0 , b: { c: 0}};
let deepClone = JSON.parse(JSON.stringify(obj));
obj.a = 5;
obj.b.c = 5;
console.log(JSON.stringify(deepClone)); // { a: 0, b: { c: 0}}
根据MDN：
如果要浅层复制，请使用Object.assign（｛｝，a）对于“深度”复制，请使用JSON.parse（JSON.stringify（a））
不需要外部库，但您需要首先检查浏览器兼容性。
正如此链接所示，使用以下代码：
let clone = Object.create(Object.getPrototypeOf(obj),
Object.getOwnPropertyDescriptors(obj));
这是一个没有Object.assign（）陷阱的现代解决方案（不通过引用复制）：
const cloneObj = (obj) => {
return Object.keys(obj).reduce((dolly, key) => {
dolly[key] = (obj[key].constructor === Object) ?
cloneObj(obj[key]) :
obj[key];
return dolly;
}, {});
};
不同的
仅复制顶层：｛…object｝和object.assign（｛｝，object）
让objA={a： “键a”，b：{c： “键c”，}}let objB=Object.assign（｛｝，objA）；//或｛…objB｝//更改对象BobjB.a=“更改objA.a（顶部）”console.log（“objA.a（top）无更改：\n”+JSON.stringify（objA，false，2））；objB.b.c=“更改应仅适用于objB.b.c，但在objA.b.c中”console.log（“objA.a.c第二级已更改：\n”+JSON.stringify（objA，false，2））；
对于深度复制，请使用旧浏览器的structuredClone（）2022或JSON.parse（JSON.stringify（object）），无需黑客即可轻松完成。
让objA={a： “键a”，b：{c： “键c”，}}让objB=typeof structuredClone==“函数”？structuredClone（objA）：JSON.parse（JSON.stringify（objB））；//更改对象BobjB.a=“更改objA.a（顶部）”objB.b.c=“更改应该只针对objB.c，但它在objA.c中”console.log（“objA没有更改：\n”+JSON.stringify（objA，false，2））；
