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

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

Mary-Kate Olsen
發布: 2024-12-11 20:33:13
原創
699 人瀏覽過

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中文網其他相關文章!

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