首頁 > web前端 > js教程 > 如何有效地從 JavaScript 物件中提取屬性子集?

如何有效地從 JavaScript 物件中提取屬性子集?

Susan Sarandon
發布: 2024-12-20 05:44:10
原創
835 人瀏覽過

How to Efficiently Extract a Subset of Properties from a JavaScript Object?

如何從JavaScript 物件中提取屬性子集

在使用JavaScript 物件時,通常需要建立一個新物件僅包含原始物件的一組特定屬性。例如,考慮以下物件:

elmo = { 
  color: 'red',
  annoying: true,
  height: 'unknown',
  meta: { one: '1', two: '2'}
};
登入後複製

要建立僅具有顏色和高度屬性的新對象,可以使用物件解構:

const subset = { ...elmo, color: 'red', height: 'unknown' }
登入後複製

產生的子集物件將只包含這兩個屬性:

{ color: 'red', height: 'unknown' }
登入後複製

另一個選擇是使用Object.assign()方法:

const subset = Object.assign({}, elmo, { color: 'red', height: 'unknown' })
登入後複製

此方法透過將現有物件(在本例中為 elmo)的屬性與新指派的屬性合併來建立一個新物件。

最後,您也可以使用流行的lodash 庫中的_.pick() 方法:

const subset = _.pick(elmo, ['color', 'height'])
登入後複製

無論您選擇哪種方法,物件解構都提供了簡潔的方法從JavaScript 物件中提取屬性子集的靈活方法。

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

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