JavaScript While ループ

❮ 前章へ 次章へ ❯

While ループは、指定した条件が真である限り、コードブロックを実行できます。


While ループ

while ループは、指定された条件が true である限り、コードのブロックをループします。

構文

while (condition) {
    code block to be executed
}

次の例では、変数(i)が 10 未満である限り、ループ内のコードが繰り返し実行されます:

while (i < 10) {
    text += "The number is " + i;
    i++;
}
Try it Yourself »

条件で使用する変数の増分を忘れた場合、ループは決して終了しません。これは、ブラウザをクラッシュします。


Do/While ループ

do/while ループは while ループの変形です。このループは、条件が true であるかどうかをチェックする前にコードブロックを1回実行し、 その後、条件が true である限りループを繰り返します。

構文

do {
    code block to be executed
}
while (condition);

下の例では、do/while ループを使用しています。条件が false の場合でも、条件がテストされる前にコードブロックが実行されるため、 ループは少なくとも1回は常に実行されます:

do {
    text += "The number is " + i;
    i++;
}
while (i < 10);
Try it Yourself »

条件で使用する変数の増分をを忘れないでください。そうしなければ、ループは決して終了しません!


for と while の比較

前章の for ループ読めば、while ループは、statement 1 と statement 3 が省略された for ループとほとんど同じであることがわかります。

次の例のループは、for ループを使用して cars 配列から車名を収集します:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}
Try it Yourself »

次の例のループでは、while ループを使用して cars 配列から車名を収集します:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}
Try it Yourself »

練習問題による自己診断

Exercise 1 »  Exercise 2 »  Exercise 3 »  Exercise 4 »  Exercise 5 »


❮ 前章へ 次章へ ❯