使用屬性簡寫子集JavaScript 物件
在JavaScript 中,物件提供了一種使用鍵值對儲存和組織資料的便捷方法。但是,在某些情況下,您可能需要建立僅包含原始物件屬性的子集的新物件。
問題:
考慮以下物件:
elmo = { color: 'red', annoying: true, height: 'unknown', meta: { one: '1', two: '2'} };
您希望建立一個僅包含這些屬性的特定子集的新對象,例如顏色和
解決方案:
物件解構和屬性速記提供了一種優雅的方法來實現此目的:
const subset = { ...elmo, color, height };
此語法建立一個新對象,子集,僅包含原始elmo 物件的顏色和高度屬性。 ...elmo 展開運算子複製 elmo 中的所有其他屬性,而使用屬性速記明確定義的顏色和高度屬性將覆寫複製的值。
範例:
const object = { a: 5, b: 6, c: 7 }; const picked = (({ a, c }) => ({ a, c }))(object); console.log(picked); // { a: 5, c: 7 }
以上是如何使用屬性速記建立 JavaScript 物件的子集?的詳細內容。更多資訊請關注PHP中文網其他相關文章!