More than 3 years have passed since last update.

TypeScriptでArray<T>から重複要素を排除してユニークにする

Last updated at 2020-09-23Posted at 2020-09-23

[JavaScriptでArrayをuniqにする]
(https://qiita.com/oubakiou/items/b848434e65d0644e1dfc)を元に

const defaultComparator = <T>(a: T, b: T): boolean => a === b

export const distinctBy = <T>(
  array: Array<T>,
  comparator: (a: T, b: T) => boolean = defaultComparator
): Array<T> =>
  array.filter(
    (elem, index, self) => self.findIndex(e => comparator(elem, e)) === index
  )

で

type Dog = {
  id: string
  name: string
}
const comparator = (a: Dog, b: Dog) => a.id === b.id
const dogsDistinct = (dogs: Array<Dog>) => distinctBy(dogs, comparator)

みたいな。

ところでJavascriptにはビルトインの等価性アルゴリズムが4種類ある(演算子としては3種類ある)のでcomparatorを実装する時はどれに合わせるのか気をつけたほうが良いと思います。

[1, 2] == '1,2' //true
[1, 2] === '1,2' //false
Object.is([1, 2], '1,2') //false

NaN == NaN //false
NaN === NaN //false
Object.is(NaN, NaN) //true

+0 == -0 //true
+0 === -0 //true
Object.is(+0, -0) //false

TypeScriptを使っていると型の上でも馴染みが深い、構造が一致するかどうかという比較はビルトインでは提供されていないため、必要であればdeep-equalのような外部パッケージを利用すると便利です。

TypeScriptでArray<T>から重複要素を排除してユニークにする

see also