【TypeScript・JavaScript】filterメソッドとmapメソッドの違い（配列の操作）

filterメソッドとmapメソッドの違いは、配列の要素に対する操作と結果の形式!

filterメソッド

配列の各要素に対してテストを行い、そのテストを通過（trueを返す）した要素だけからなる新しい配列を作る。
これは「ある条件を満たす要素だけを集めたい」場合に使用する。

const numbers = [1, 2, 3];
const filteredNumbers = numbers.filter(num => num !== 2);
console.log(filteredNumbers); // 出力：[1, 3]

この例では、filterメソッドを使用して、配列numbersから2を除いた新しい配列filteredNumbersを作成している。

mapメソッド

配列の各要素に対して関数を適用し、その結果からなる新しい配列を作る。
これは「すべての要素に何らかの処理を施したい」場合に使用する。

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // 出力：[2, 4, 6]

この例では、mapメソッドを使用して、配列numbersの各要素を2倍した新しい配列doubledNumbersを作成しています。

つまり、filterは「選択」、mapは「変換」のためのメソッドといえる!!