JavaScriptのWhileループ
指定された条件が真である限り、ループはコードのブロックを実行できます。
Whileループ
while
指定された条件が真である限り、ループはコードのブロックをループします。
構文
while (condition) {
// code block to be executed
}
例
次の例では、変数(i)が10未満である限り、ループ内のコードが繰り返し実行されます。
例
while (i < 10) {
text += "The number is " + i;
i++;
}
条件で使用される変数を増やすのを忘れた場合、ループは終了しません。これにより、ブラウザがクラッシュします。
DoWhileループ
do while
ループはwhileループの変形です。このループは、条件が真であるかどうかをチェックする前に、コードブロックを1回実行し、条件が真である限りループを繰り返します。
構文
do {
// code block to be executed
}
while (condition);
例
以下の例では、do while
ループを使用しています。条件がテストされる前にコードブロックが実行されるため、条件がfalseの場合でも、ループは常に少なくとも1回実行されます。
例
do {
text += "The number is " + i;
i++;
}
while (i < 10);
条件で使用される変数を増やすことを忘れないでください。そうしないと、ループが終了しません。
ForとWhileの比較
前の章のforループについて読んだ場合、whileループはforループとほとんど同じであり、ステートメント1とステートメント3が省略されていることがわかります。
この例のループは、for
ループを使用して、cars配列から車の名前を収集します。
例
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
この例のループは、while
ループを使用して、cars配列から車の名前を収集します。
例
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}