我有一个对象x。我想将其复制为对象y，这样对y的更改不会修改x。我意识到复制从内置JavaScript对象派生的对象会导致额外的、不需要的财产。这不是问题，因为我正在复制我自己的一个文字构造对象。
如何正确克隆JavaScript对象？
当前回答
在JavaScript中复制对象的方法
使用排列（…）语法使用Object.assign（）方法使用JSON.stringify（）和JSON.parse（）方法
const person = {
firstName: 'John',
lastName: 'Doe'
};
// using spread ...
let p1 = {
...person
};
// using Object.assign() method
let p2 = Object.assign({}, person);
// using JSON
let p3 = JSON.parse(JSON.stringify(person));
其他回答
好的，我知道它有很多答案，但没有人指出，EcmaScript5有赋值方法，在FF和Chrome上工作，它复制可枚举的，并且拥有财产和符号。
对象指定（Object Assign）
我最喜欢的优雅JS对象克隆解决方案是
function CloneObject() {}
function cloneObject(o) {
CloneObject.prototype = o;
return new CloneObject();
}
使用cloneObject（object）获取JS对象的克隆。
与许多复制解决方案不同，此克隆在克隆对象中保持原型关系。
使用扩展语法执行对象的浅层复制。这意味着没有任何嵌套对象实例被克隆，正如您在下面的嵌套对象子实例示例中看到的那样
常量user1=｛name:“Alex”，地址：'公园大道15号'，年龄43岁，儿童：{name:“John”}}const user2=｛…user1｝；user1.child.name='chris'；console.log（用户1）；console.log（用户2）；
为了解决这个嵌套对象问题并执行深度复制，我们可以使用JSON.parse（JSON.stringify（someObject））
常量user1=｛name:“Alex”，地址：'公园大道15号'，年龄43岁，儿童：{name:“John”}}const user2=JSON.parse（JSON.stringify（user1））；user1.child.name='chris'；console.log（用户1）；console.log（用户2）；
我认为，在没有库的情况下，缓存的重复性是最好的。
被低估的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）
2020年7月6日更新
有三（3）种方法可以在JavaScript中克隆对象。由于JavaScript中的对象是引用值，因此不能简单地使用=进行复制。
方法如下：
const food = { food: 'apple', drink: 'milk' }
// 1. Using the "Spread"
// ------------------
{ ...food }
// 2. Using "Object.assign"
// ------------------
Object.assign({}, food)
// 3. "JSON"
// ------------------
JSON.parse(JSON.stringify(food))
// RESULT:
// { food: 'apple', drink: 'milk' }
这可以用作参考摘要。
