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

如何從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中文網其他相關文章！