如何在 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中文網其他相關文章！