配列を使った応用練習問題(解答・解説つき)
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で「最終的に欲しい結果」を返すことを意識すると、関数がわかりやすくなる。