你能在 JavaScript ES6 中解构现有对象吗？

你能在 JavaScript ES6 中解构现有对象吗？

解构是 ES6 中引入的一个方便的功能，可以方便地提取数据来自对象和数组。然而，出现了一个常见的问题：是否可以解构到现有对象上？

考虑以下场景：您有两个对象，foo 和 oof。您想要将 x 和 y 值从 foo 传输到 oof。虽然解构似乎是完成此任务的理想工具，但您可能会好奇是否有办法使用 ES6 解构语法直接实现此目的。

尝试直接传输：

直观上，您可能会想到使用像 oof{x,y} = foo 这样的语法，但不幸的是，这不起作用。相反，JavaScript 期望在赋值运算符的左侧声明一个新变量。

规避解决方案：

要绕过此限制，您可以采取稍微非常规但有效的解决方案：

({x: oof.x, y: oof.y} = foo);

此行从 foo 读取 x 和 y 值并将它们分配到 oof 中各自的位置。虽然这种方法可能不是最优雅的，但它实现了预期的目标。

替代选项：

对于更传统的方法，请考虑以下替代方案：

• 显式赋值：

oof.x = foo.x;
oof.y = foo.y;

• 使用 forEach：

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

这些方法可能更简单并且保持可读性。

总结：

ES6 解构语法不直接支持对现有对象进行解构。但是，您可以采用给定的技术来实现所需的结果，或者如果优先考虑清晰度，则选择传统的分配方法。无论是({x: oof.x, y: oof.y} = foo);, oof.x = foo.x; oof.y = foo.y; 或其他方法，选择取决于您的偏好和上下文。

以上是你能在 JavaScript ES6 中解构现有对象吗？的详细内容。更多信息请关注PHP中文网其他相关文章！