では「配列の中から偶数だけを集めて新しい配列を返す関数」を作ってみましょう。これは「条件に合うすべての要素を取り出す」練習です。
目標
- 配列を順番に調べる
- 偶数だけを新しい配列に入れる
- 最後にその配列を返す
✅ 模範解答（for文バージョン）
function getEvenNumbers(arr) {
const result = [];
for (let i = 0; i < arr.length; i++) {
if (arr[i] % 2 === 0) {
result.push(arr[i]); // 偶数を新しい配列に追加
}
}
return result;
}
// 実行例
console.log(getEvenNumbers([1, 2, 3, 4, 5, 6])); // [2, 4, 6]
✅ 模範解答（for…ofバージョン）
function getEvenNumbers(arr) {
const result = [];
for (const num of arr) {
if (num % 2 === 0) {
result.push(num);
}
}
return result;
}
console.log(getEvenNumbers([10, 15, 20, 25, 30])); // [10, 20, 30]
✅ 模範解答（forEachバージョン）
function getEvenNumbers(arr) {
const result = [];
arr.forEach(num => {
if (num % 2 === 0) {
result.push(num);
}
});
return result;
}
console.log(getEvenNumbers([7, 8, 9, 10])); // [8, 10]
💡 解説
- for文 → インデックスを使えるので「何番目の要素が偶数か」も分かる。
- for…of文 → 値だけ扱いたいときにシンプルで読みやすい。
- forEach → 全部処理するのに便利。途中で止める必要がないので相性が良い。
🔥 発展練習
- 偶数ではなく「3の倍数」だけを集める関数に書き換えてみる
- 偶数と奇数をそれぞれ別の配列に分ける関数を作ってみる