JavaScript | レベル別練習問題：繰り返し（for / while / do…while）

JavaScript

2025.10.31

今回は「繰り返しの3種類（for / while / do…while）」を同じ問題で扱い、各ループのステップ実行解説を紹介します。
変数の状態を逐次追跡して、ループごとの動きを理解しやすくします。

練習問題：1～5の合計を計算する

let sumFor = 0;

for (let i = 1; i <= 5; i++) {
    sumFor += i;
}

console.log(sumFor);

let sumFor = 0;

for (let i = 1; i <= 5; i++) {
    sumFor += i;
}

console.log(sumFor);

JavaScript

i	sumFor (前)	sumFor (後)	実行内容
1	0	0 + 1 = 1	sumFor に 1 を加算
2	1	1 + 2 = 3	sumFor に 2 を加算
3	3	3 + 3 = 6	sumFor に 3 を加算
4	6	6 + 4 = 10	sumFor に 4 を加算
5	10	10 + 5 = 15	sumFor に 5 を加算

let sumWhile = 0;
let i = 1;

while (i <= 5) {
    sumWhile += i;
    i++;
}

console.log(sumWhile);

let sumWhile = 0;
let i = 1;

while (i <= 5) {
    sumWhile += i;
    i++;
}

console.log(sumWhile);

JavaScript

i	sumWhile (前)	sumWhile (後)	条件 i<=5	実行内容
1	0	0 + 1 = 1	true	sumWhile に 1 を加算, i++ → 2
2	1	1 + 2 = 3	true	sumWhile に 2 を加算, i++ → 3
3	3	3 + 3 = 6	true	sumWhile に 3 を加算, i++ → 4
4	6	6 + 4 = 10	true	sumWhile に 4 を加算, i++ → 5
5	10	10 + 5 = 15	true	sumWhile に 5 を加算, i++ → 6
6	15	–	false	ループ終了

let sumDoWhile = 0;
let j = 1;

do {
    sumDoWhile += j;
    j++;
} while (j <= 5);

console.log(sumDoWhile);

let sumDoWhile = 0;
let j = 1;

do {
    sumDoWhile += j;
    j++;
} while (j <= 5);

console.log(sumDoWhile);

JavaScript

j	sumDoWhile (前)	sumDoWhile (後)	条件 j<=5	実行内容
1	0	0 + 1 = 1	true	sumDoWhile に 1 を加算, j++ → 2
2	1	1 + 2 = 3	true	sumDoWhile に 2 を加算, j++ → 3
3	3	3 + 3 = 6	true	sumDoWhile に 3 を加算, j++ → 4
4	6	6 + 4 = 10	true	sumDoWhile に 4 を加算, j++ → 5
5	10	10 + 5 = 15	true	sumDoWhile に 5 を加算, j++ → 6
6	15	–	false	ループ終了

💡 応用例：