擴充物件解構
在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中文網其他相關文章!