JavaScript配列内のオブジェクトのセットの一意のプロパティを取得する方法

オブジェクトの配列が与えられた場合、プロパティの値を取得したいが複製したくない場合にできることは次のとおりです。

このコンテンツを含むbills配列があるとします。

const bills = [
  { date: '2018-01-20', amount: '220', category: 'Electricity' },
  { date: '2018-01-20', amount: '20', category: 'Gas' },
  { date: '2018-02-20', amount: '120', category: 'Electricity' }
]

の一意の値を抽出したいcategory配列内の各アイテムの属性。

できることは次のとおりです。

const categories = [...new Set(bills.map(bill => bill.category))]

説明

セットするJavaScriptが取り入れた新しいデータ構造ですES6。これは、一意の値のコレクションです。使用して得られるプロパティ値のリストをその中に入れますmap()、これをどのように使用したかによって、この配列が返されます。

['Electricity', 'Gas', 'Electricity']

Setを通過して、重複を削除します。

...それはスプレッド演算子、設定値を配列に展開します。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: