首頁 >web前端 >js教程 >如何從 JavaScript 物件提取特定屬性?

如何從 JavaScript 物件提取特定屬性?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-11 20:33:13780瀏覽

How to Extract Specific Properties from a JavaScript Object?

JavaScript 中的物件子集:擷取特定屬性

在各種場景中,我們會遇到具有眾多屬性的對象,提取特定子集可以成為基本的。本問題探討如何在 JavaScript 中實現此目標。

考慮以下物件 elmo:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};

目標是建立一個新物件子集,其中僅包含其中的一部分屬性,例如顏色和高度。

解決方案 1:使用解構和屬性速記

一個有效的解決方案利用物件解構和屬性速記。此方法利用大括號語法 (${}),允許動態建立和指派新物件:

const subset = ({ color, height }) => ({ color, height })(elmo);

在此程式碼中,定義了一個新的箭頭函數,該函數將物件作為其參數。在大括號內,使用屬性簡寫指定所需的屬性,這會自動將提取的值指派給新物件中的這些屬性。當使用 elmo 物件作為參數呼叫箭頭函數時,產生的物件子集僅包含顏色和高度屬性。

範例輸出:

{ color: 'red', height: 'unknown' }

以上是如何從 JavaScript 物件提取特定屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn