「JavaScript(TypeScript)」Array(配列)に格納されているオブジェクトを特定のプロパティで抽出「filter」

今回はArray(配列)に格納されているオブジェクトを特定のプロパティで抽出をArray.prototype.filter()を用いて行います

サンプルデータ

type ArrayObj = {
  id: number
  name: string
  category: 'a' | 'b'
}

const arrayObj = [
  { id: 1, name: 'taro', category: 'a' },
  { id: 2, name: 'hanako', category: 'b' },
  { id: 3, name: 'ume', category: 'a' },
]

Array.prototype.filter()

idでfilter

const filteredArrayObj = arrayObj.filter((obj) => obj.id === 1)

[ { id: 1, name: 'taro', category: 'a' } ]

nameでfilter

const filteredArrayObj = arrayObj.filter((obj) => obj.name === 'hanako')

[ { id: 2, name: 'hanako', category: 'b' } ]

categoryでfilter

const filteredArrayObj = arrayObj.filter((obj) => obj.category === 'a')

[
  { id: 1, name: 'taro', category: 'a' },
  { id: 3, name: 'ume', category: 'a' }
]