[TypeScript] 配列の条件を満たす要素で新しい配列を作成するfilter関数

はじめに

この記事では、TypeScriptのfilter をまとめております。

参考資料

結論

配列の各要素に対して条件に一致する要素だけを含む新しい配列を作成するメソッド

const hoge = list.filter((各要素) => 条件式);

メリット

1. for ループなどを使用する場合よりも、シンプルなコードを書くことができます
2. 引数に渡される関数の戻り値が true である要素を抽出するため、フィルタリング条件を自由に設定できる
3. 元の配列を変更せずに新しい配列を返すため、安全に配列を変更することができます

1. 条件を満たす

数字の配列の中身で偶数のみを取得する

// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 偶数の値を抽出して新しい配列とする
const even = numbers.filter((i) => i % 2 === 0);

console.log(even);

実行結果を確認する

[ 2, 4 ]

2. 条件を満たさない

数字の配列の中身で10で割れる数値のみを取得する

// 数字の配列
const numbers = [1, 2, 3, 4, 5];
// 偶数の値を抽出して新しい配列とする
const res = numbers.filter((i) => i % 10 === 0);

console.log(res);

実行結果を確認する

[]