最新のWeb開発のチュートリアル
 

JavaScript while文

<JavaScriptステートメントリファレンス

限り変数としてコードのブロックをループ(i) 5未満です。

var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
}

テキストの結果は次のようになります。

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

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

ループは、条件が真である限り実行し続けます。 条件が偽になったときにのみ停止します。

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

  • for -コードのブロックをループ回数
  • for/in -オブジェクトのプロパティをループ
  • while -指定した条件が真である間、コードのブロックをループ
  • DO /つつ -一度コードのブロックをループし、次に指定された条件が真である間ループを繰り返します

ヒント:使用ブレークループから抜け出すために文を、そして継続ループで値をスキップする声明。


ブラウザのサポート

ステートメント
while はい はい はい はい はい

構文

パラメータ値
パラメーター 説明
condition 必須。 ループ実行条件定義(the code block) 。 それがtrueを返す場合、ループはそれがfalseを返した場合、ループは終了し、もう一度やり直すます。

注意:条件が常に真である場合は、ループが終了することはありません。 これは、ブラウザをクラッシュします。

注意:あなたが条件と変数を使用している場合は、ループの前にそれを初期化し、ループ内でそれをインクリメントします。 あなたは、変数を増加するのを忘れた場合は、ループが終了することはありません。 また、これは、ブラウザがクラッシュします。

技術的な詳細

JavaScriptのバージョン: 1.0

例

その他の例

車配列から車名を収集するために、配列のインデックスをループ:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
    text += cars[i] + "<br>";
    i++;
}
»それを自分で試してみてください

上記の例を説明します:

  • まず、ループの開始前に、変数を設定する(var i = 0;)
  • その後、我々は実行するループのための条件を定義します。 限り変数は、配列の長さ未満であるように(which is 4)ループが継続されます
  • ループが実行されるたびに、変数が1だけインクリメントされ(i++)
  • 変数がもはや4未満になったら(array's length) 、条件が偽でなく、ループが終了します

下位配列のインデックスをループ。

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
    text += cars[len] + "<br>";
}
»それを自分で試してみてください

コードのブロックをループしますが、変数iが等しい場合にループを終了- break文を使用して"3"

var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
    if (i == 3) {
        break;
    }
}
»それを自分で試してみてください

コードのブロックをループしますが、値スキップ- continue文を使用した"3"

var text = "";
var i = 0;
while (i < 5) {
    i++;
    if (i == 3) {
        continue;
    }
text += "<br>The number is " + i;
}
»それを自分で試してみてください

関連ページ

JavaScriptのチュートリアル: JavaScriptのWhileループ

JavaScriptのリファレンス: JavaScriptは声明ながら...やります

JavaScriptのリファレンス: 文のためのJavaScript

JavaScriptのリファレンス: JavaScriptのブレークステートメント

JavaScriptのリファレンス: JavaScriptが声明を続けます


<JavaScriptステートメントリファレンス