主な内容の要点
JavaScript の filter メソッドを使うと、配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作ることができます。元の配列は変わりません。
基本の使い方
let 新しい配列 = 元の配列.filter(function(要素) {
return 条件式; // trueなら残す、falseなら捨てる
});
filterは「ふるいにかける」イメージ
条件に合うものだけが残り、新しい配列になります。
具体例
let numbers = [48, 75, 92, 61, 54, 83, 76];
let result = numbers.filter(function(num) {
return num > 70; // 70より大きいものだけ残す
});
console.log(result); // [75, 92, 83, 76]
console.log(numbers); // [48, 75, 92, 61, 54, 83, 76]（元の配列はそのまま）
- 条件を満たす要素だけが新しい配列に入る
- 元の配列は変更されない
アロー関数を使うともっと簡単
let result = numbers.filter(num => num > 70);
console.log(result); // [75, 92, 83, 76]
ポイント整理
- filterは「条件に合う要素を抽出する」ためのメソッド
- 戻り値は新しい配列（元の配列は変わらない）
- コールバック関数の戻り値が true → 残す / false → 捨てる
- アロー関数を使うと短く書ける
初心者向けに言うと、filter は「配列の中から欲しいものだけを選んで新しい箱に入れる道具」です。
例えば「70点以上の人だけを集める」「偶数だけを取り出す」といった処理にとても便利です。