filter関数 とは？

たとえばユーザーの配列から20歳以上だけを取り出したいとき、「users.filter(u => u.age >= 20)」と書くだけ。条件関数がtrueを返した要素だけが集められて、新しい配列として返ってくるんだ。for文でif文を書いてpushするより圧倒的にスッキリするよ。

mapは「全要素を変換する」、filterは「条件で絞り込む」という違いだよ。mapは必ず元と同じ数の配列が返るけど、filterは条件に合った分だけ少なくなる。よくあるのは「filterで絞り込んでからmapで変換する」という組み合わせで、メソッドチェーンで繋げて書けるんだ。

大量のデータに複雑な条件でfilterをかけるとパフォーマンスに影響が出ることがあるよ。10万件の配列にfilterを3回チェーンすると、毎回全件走査するからね。そういうときはfor文で1回のループにまとめたほうが速い。あとfilterの条件関数の中で副作用（外の変数を書き換えるなど）を起こすのは避けるべき。意図しないバグの温床になるよ。

考え方は同じだよ。WHERE句はDBレベルでデータを絞り込み、filter関数はアプリケーションのメモリ上で絞り込む。大量データの場合はDBのWHEREで先に絞り込んでからアプリに渡すほうが圧倒的に効率がいい。全件取得してからfilterで絞り込むのはアンチパターンだよ。

Type Guardを使ったfilterだね。配列に string | null が混在しているとき、arr.filter((x): x is string => x !== null) と書くと、戻り値の型が string[] に推論される。普通のfilterだと (string | null)[] のままだから、型安全なコードを書くときにすごく便利なテクニックだよ。