JavaScript Whileループ

Whileループ

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

while (condition) {
  // 実行するコードブロック
}

例

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

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

条件で使用する変数の増加を忘れると、ループが終了しなくなります。これはブラウザをクラッシュさせる原因になります。

Do Whileループ

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

do {
  // 実行するコードブロック
}
while (condition);

例

次の例では、do whileループが使用されています。条件がfalseであっても、コードブロックが最初に1回は必ず実行されます。その後、条件がtrueである限り繰り返されます:

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

条件で使用する変数の増加を忘れないようにしてください。そうしないと、ループが終了しなくなります！

ForとWhileの比較

前の章で学んだforループについて、whileループはステートメント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++;
}