😁

Array.filter ← これで型が絞れるようになるらしい

2024/03/18に公開

2件

はじめに

いつも使っているArray.filter、TypeScriptで使用する上でどうしても不便なところがありました
それが修正されるかもしれないので私と同じように不便だと思っている人のために記事を書いてみました。

今までのfilter

const fruits = ['Apple', 'Banana', undefined]

const result = fruits.filter(x => x !== undefined)
// const result: (string | undefined)[]
console.log(result) // ['Apple', 'Banana']

このように、resultという変数にundefinedがない状況でもfilterを使用した場合は型が絞られませんでした。
Javascriptに慣れてきて、TypeScriptに足を踏み入れた頃は本当にここで躓きました、、
それが近い未来、変わるかもしれません。

これからのfilter

const fruits = ['Apple', 'Banana', undefined]

const result = fruits.filter(x => x !== undefined)
// const result: (string)[]
console.log(result) // ['Apple', 'Banana']