如何在 JavaScript ES6 中将属性解构为现有对象？

在 JavaScript ES6 中解构为现有对象

在 ES6 中，解构允许您将一个对象的属性分配给另一个对象。但是，您可能会遇到这样一种情况，您希望将属性转移到现有对象而不是创建新对象。

问题：

如何将属性解构到JavaScript ES6 中的现有对象，例如将值从一个对象（例如 foo）传输到另一个对象（例如 oof）？

答案：

虽然没有明确在 ES6 解构语法的支持下，有一种替代方法可以实现所需的结果：

<code class="javascript">({x: oof.x, y: oof.y} = foo);</code>

通过将解构赋值放在括号中并使用 oof 的现有属性作为键，您可以从 foo 读取值并将它们写入oof上相应的键中。然而，这种方法并不像某些替代方法那样简洁或优雅：

• 直接赋值：

<code class="javascript">oof.x = foo.x;
oof.y = foo.y;</code>

• 基于数组的循环：

<code class="javascript">['x', 'y'].forEach(prop => oof[prop] = foo[prop]);</code>

最终，方法的选择取决于个人喜好和具体用例。

以上是如何在 JavaScript ES6 中将属性解构为现有对象？的详细内容。更多信息请关注PHP中文网其他相关文章！