JavaScript | 関数から値を返す(return文)

JavaScript JavaScript
スポンサーリンク

配列を使った応用練習問題(解答・解説つき)

1. 配列を逆順にする関数

  • 問題: 配列を受け取り、逆順にして返すreverseArrayを作る。
  • 解答例:
function reverseArray(arr) {
  return arr.reverse();
}

console.log(reverseArray([1, 2, 3])); // [3, 2, 1]
JavaScript
  • 解説: reverse()メソッドを使うと配列の順番を逆にできる。returnでその結果を返す。

2. 配列の合計を求める関数

  • 問題: 数字の配列を受け取り、合計を返すsumArrayを作る。
  • 解答例:
function sumArray(arr) {
  let total = 0;
  for (let i = 0; i < arr.length; i++) {
    total += arr[i];
  }
  return total;
}

console.log(sumArray([1, 2, 3, 4])); // 10
JavaScript
  • 解説: for文で1つずつ取り出して足し算。最後に合計を返す。

3. 最大値を返す関数

  • 問題: 数字の配列を受け取り、最大の値を返すmaxArrayを作る。
  • 解答例:
function maxArray(arr) {
  let max = arr[0];
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] > max) {
      max = arr[i];
    }
  }
  return max;
}

console.log(maxArray([5, 8, 2, 10, 3])); // 10
JavaScript
  • 解説: 最初の要素を基準にして、順番に比較しながら大きい値を更新していく。

4. 偶数だけを取り出す関数

  • 問題: 数字の配列を受け取り、偶数だけを集めた新しい配列を返すfilterEvenを作る。
  • 解答例:
function filterEven(arr) {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 2 === 0) {
      result.push(arr[i]);
    }
  }
  return result;
}

console.log(filterEven([1, 2, 3, 4, 5, 6])); // [2, 4, 6]
JavaScript
  • 解説: 条件に合う要素だけをpushして新しい配列を作る。

5. 文字列の配列を大文字に変換する関数

  • 問題: 文字列の配列を受け取り、すべて大文字に変換して返すtoUpperArrayを作る。
  • 解答例:
function toUpperArray(arr) {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    result.push(arr[i].toUpperCase());
  }
  return result;
}

console.log(toUpperArray(["apple", "banana", "cherry"]));
// ["APPLE", "BANANA", "CHERRY"]
JavaScript
  • 解説: 文字列のメソッドtoUpperCase()を使って変換し、新しい配列に入れる。

✅ ポイント

  • 配列を扱うときは「繰り返し処理」と「条件分岐」を組み合わせるのが基本。
  • returnで「最終的に欲しい結果」を返すことを意識すると、関数がわかりやすくなる。
タイトルとURLをコピーしました