如何在 ES6 中使用解構來修改現有物件屬性？

擴充物件解構

在ES6 中，解構是一種語法，可讓您將陣列或物件中的值解壓縮為單一變數。雖然解構非常方便，但如果您想為現有物件賦值，它可能會受到限制。

考慮以下場景：

var foo = {
  x: "bar",
  y: "baz"
}

var oof = {}

假設您想要傳輸使用解構從 foo 到 oof 的 x 和 y 屬性。一個簡單的嘗試可能如下：

oof{x,y} = foo

但是，這是行不通的。那麼，如何使用解構來修改現有物件屬性呢？

可能的解決方案

雖然不是最優雅的方法，但您可以結合使用解構和賦值來達到期望的結果：

({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]);

這些方法更明確和可讀，取決於您的偏好。

以上是如何在 ES6 中使用解構來修改現有物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！