JavaScriptの繰り返し処理｜for文・while文・do…while文を初心者向けに解説

JavaScriptで同じ処理を繰り返したい場合は、for文 と while文 を使います。

指定回数だけ処理を繰り返す（for文）

for文は、次の3つの要素で構成されます。

for (初期値; 条件; 増減) {
処理;
}

total = 0;
for (i = 1; i <= 5; i++) {
 document.write(i + “回目 ”);
 total = total + i;
 document.write(“合計：” + total + “ ”);
}

for...in 文は、オブジェクトや配列のすべてのプロパティ（キー）を順番に取り出して処理します。

for (key in navigator) {
val = navigator[key];
document.write(key + “：” + val + “ ”);
}

navigator の部分を window や screen に変えると、それぞれのオブジェクトのプロパティ一覧を取得できます。

while文は、条件が true の間だけ処理を繰り返します。

while (条件) {
処理;
}

res = “”; // 初期値
while ((res == “”) || (res == null)) {
res = prompt(“名前を入力してください。”, “”);
}
document.write(“ようこそ! ” + res + “さん”);

条件が最初から false の場合、while文は一度も実行されません。

do...while 文は、処理を実行した後に条件を判定します。

do {
処理;
} while (条件);

そのため、条件が false でも最低1回は必ず処理が実行されるのが特徴です。

do {
res = prompt(“名前を入力してください。”, “”);
} while ((res == “”) || (res == null));

document.write(“ようこそ! ” + res + “さん”);