我有一个对象x。我想将其复制为对象y，这样对y的更改不会修改x。我意识到复制从内置JavaScript对象派生的对象会导致额外的、不需要的财产。这不是问题，因为我正在复制我自己的一个文字构造对象。
如何正确克隆JavaScript对象？
当前回答
好的，假设你有下面的这个对象，你想克隆它：
let obj = {a:1, b:2, c:3}; //ES6
or
var obj = {a:1, b:2, c:3}; //ES5
答案主要取决于您使用的ECMAscript，在ES6+中，您可以简单地使用Object.assign来执行克隆：
let cloned = Object.assign({}, obj); //new {a:1, b:2, c:3};
或使用如下扩展运算符：
let cloned = {...obj}; //new {a:1, b:2, c:3};
但是如果你使用ES5，你可以使用很少的方法，但JSON.stringify，只需确保你没有使用大量数据来复制，但在很多情况下，这可能是一种简单的方法，比如：
let cloned = JSON.parse(JSON.stringify(obj));
//new {a:1, b:2, c:3};, can be handy, but avoid using on big chunk of data over and over
其他回答
有很多答案，但没有一个提到ECMAScript 5中的Object.create，它确实没有给您一个确切的副本，而是将源设置为新对象的原型。
因此，这不是问题的确切答案，但它是一个单行解决方案，因此很优雅。它最适合2种情况：
在这种继承有用的地方（duh！）源对象不会被修改，因此这两个对象之间的关系不成问题。
例子：
var foo = { a : 1 };
var bar = Object.create(foo);
foo.a; // 1
bar.a; // 1
foo.a = 2;
bar.a; // 2 - prototype changed
bar.a = 3;
foo.a; // Still 2, since setting bar.a makes it an "own" property
为什么我认为这种解决方案更优越？它是本地的，因此没有循环，没有递归。然而，较旧的浏览器将需要polyfill。
本机JS：
const shallowClone = {...originalObj};
const deepClone = JSON.parse(JSON.stringify(originalObj));
使用库：
// Lodash
const shallowClone = _.clone(originalObj);
const deepClone = _. cloneDeep(originalObj);
// JQuery
const shallowClone = jQuery.extend({}, originalObj);
const deepClone = jQuery.extend(true, {}, originalObj);
// Angular
const deepClone = angular.copy(originalObj);
根据MDN：
如果要浅层复制，请使用Object.assign（｛｝，a）对于“深度”复制，请使用JSON.parse（JSON.stringify（a））
不需要外部库，但您需要首先检查浏览器兼容性。
使用默认值（历史上特定于nodejs，但由于现代JS，现在可以从浏览器中使用）：
import defaults from 'object.defaults';
const myCopy = defaults({}, myObject);
可以使用rest运算符克隆阵列或对象
let myObj = {1: 100, 'a': 200};
let clone = {...myObj};
clone.a = 300;
console.log(clone.a) // Output :- 300
console.log(myObj.a) // Output :- 200
