你能在 JavaScript ES6 中將值解構到現有物件上嗎？

在 JavaScript ES6 中解構現有物件

在 JavaScript ES6 中，解構允許將值從物件和陣列簡潔地提取到變數中。然而，許多開發人員尋求使用解構語法將值傳輸到預先存在的物件上。

考慮以下場景：

<br>var foo = {<br> x: "bar ",<br> y: "baz"<br>};<br>};<br>var oof = {};

我們尋求將x 和y 值從foo 傳輸到oof 透過ES6 解構。雖然 ES6 沒有明確支援此行為，但有一個解決方法：

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

此程式碼從 foo 讀取 x 和 y 值並將它們寫入 oof 中各自的位置。然而，這並不是最優雅的解決方案。其他替代方案包括：

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

或：

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

雖然更冗長，但這些替代方案通常被認為比解構解決方法更具可讀性。

以上是你能在 JavaScript ES6 中將值解構到現有物件上嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！