JavaScriptのwhile文

定義と使用方法

while文はループを作成し、指定された条件が真である場合に実行されます。

条件が真である限り、ループは実行され続けます。条件が偽になるまでループは停止しません。

JavaScriptは異なる種類のループをサポートしています：

  • for - コードブロックを複数回ループします
  • for/in - オブジェクトの属性をループで遍历します
  • for/of - イテラブルオブジェクトの値をループで遍历します
  • while - 指定された条件が真である場合にコードブロックをループします
  • do/while - 一次コードブロックを実行し、指定された条件が真である場合にループを繰り返します

提示：ヒント：

例

ループから脱出するには break 文を使用し、ループ中の特定の値をスキップするには continue 文を使用してください。

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>数値は" + i + "です";
  i++;
}

自分で試してみる

変数（i）が 5 未満である限り、コードブロックがループします：

ページの下部にはさらに TIY 例があります。

構文説明while (
  ) {
}

実行されるコードブロック

パラメータの値 パラメータ
説明

condition

条件が常に真である場合、ループは決して終了しません。これにより、ブラウザがクラッシュする可能性があります。必要。ループ（コードブロック）の実行条件を定義します。true を返す場合、ループが再開し、false を返す場合、ループが終了します。

条件が常に真である場合、ループは決して終了しません。これにより、ブラウザがクラッシュする可能性があります。コメント：

条件付きの変数を使用する場合は、ループの前にそれを初期化し、ループ内で増分します。変数を増分することを忘れた場合、ループは決して終了しません。これにより、ブラウザがクラッシュする可能性があります。

技術的な詳細 JavaScript 版本：

ECMAScript 1

例

さらに例

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
配列のインデックスをループで巡回し、cars 配列から車の名前を収集します：
  while (i < cars.length) {
  i++;
}

text += cars[i] + "<br>";

  1. 例解：
  2. まず、ループが開始する前に変数を定義します（var i = 0;）
  3. ループの実行ごとに、変数が加算されます (i++)
  4. 変数が配列の長さより小さくなったら（すなわち 4）、条件が偽になり、ループが終了します

自分で試してみる

例

配列のインデックスを進める：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

自分で試してみる

例

break 文を使って - ループのブロックを飛び越え、変数 i が "3" に等しいときにループを終了します：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>数値は" + i + "です";
  i++;
  if (i == 3) {
    break;
  }
}

自分で試してみる

例

continue 文を使って - ループのブロックを飛び越え、"3" という値をスキップします：

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>数値は" + i + "です";
}

自分で試してみる

ブラウザのサポート

文 Chrome IE Firefox Safari Opera
while サポート サポート サポート サポート サポート

関連ページ

JavaScript ガイド：JavaScript While ループ

JavaScript リファレンスマニュアル：JavaScript do ... while 文

JavaScript リファレンスマニュアル：JavaScript for 文

JavaScript リファレンスマニュアル：JavaScript break 文

JavaScript リファレンスマニュアル：JavaScript continue 文