在JavaScript中，复制对象是一项常见任务。ES6为我们带来了新的语法和方法，以更轻松地完成此任务。但是，有很多方法可以复制对象，其中一些并不是最佳实践。
浅复制和深复制
在讨论如何复制对象之前，我们需要理解浅复制和深复制的概念。浅复制只会创建一个新对象，并将原始对象的属性值复制到新对象中。如果原始对象具有引用类型的属性（例如数组或对象），则新对象将使用相同的引用而不是创建一个新的引用。这意味着对新对象所做的更改也会影响原始对象。而深复制会创建一个全新的对象，并递归地复制所有嵌套对象和数组，因此新对象是完全独立于原始对象的。
使用ES6 Object.assign()复制对象
ES6中引入了Object.assign()方法，它可以用于对象复制。该方法将源对象的属性复制到目标对象中。该方法接受任意数量的参数，第一个参数是目标对象，其余参数是源对象。此方法执行的是浅复制，而不是深复制。
以下是一个使用Object.assign()复制对象的示例代码：
----- ---- - - -- -- -- - -- ----- ---- - ----------------- ------ ------------------ -- - -- -- -- - -
在上面的示例中，我们将obj1复制到obj2。为此，我们首先创建一个空对象作为目标对象，并将其传递给Object.assign()方法。然后将obj1作为源对象传递给该方法。
使用ES6展开运算符复制对象
除了Object.assign()之外，ES6还引入了另一个用于复制对象的语法：展开运算符（spread operator）。展开运算符可以将一个数组或对象拆分为其组成部分，并可以方便地使用它们。
以下是一个使用展开运算符复制对象的示例代码：
----- ---- - - -- -- -- - -- ----- ---- - - ------- -- ------------------ -- - -- -- -- - -
在上面的示例中，我们使用展开运算符将obj1的属性复制到新对象obj2中。
使用JSON.parse()和JSON.stringify()复制对象
另一种复制对象的方法是使用JavaScript内置函数JSON.parse()和JSON.stringify()。JSON.stringify()将JavaScript对象转换为JSON字符串，而JSON.parse()将JSON字符串解析为JavaScript对象。
以下是一个使用JSON.parse()和JSON.stringify()复制对象的示例代码：
----- ---- - - -- -- -- - -- - - -- ----- ---- - --------------------------------- ------------------ -- - -- -- -- - -- - - -
在上面的示例中，我们使用JSON.stringify()将obj1转换为JSON字符串，并使用JSON.parse()将该字符串解析回JavaScript对象。这样做会创建一个深层复制的对象。
总结
ES6为我们提供了多种方法来复制JavaScript对象。根据您的需求，您可以选择使用适当的方法来执行浅复制或深复制。如果您只需要浅层复制，那么Object.assign()和展开运算符都是不错的选择。但是，如果您需要进行深度复制，则应使用JSON.parse()和JSON.stringify()。务必选择适合您项目需求的方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28052