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を作成しています。