首頁 > web前端 > js教程 > 如何使用屬性速記建立 JavaScript 物件的子集?

如何使用屬性速記建立 JavaScript 物件的子集?

Mary-Kate Olsen
發布: 2024-12-18 19:44:11
原創
800 人瀏覽過

How Can I Create a Subset of a JavaScript Object Using Property Shorthand?

使用屬性簡寫子集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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板