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

JavaScript breakステートメント

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

この例では、break文と一緒にforループを使用します。

コードのブロックをループしますが、変数iが「3」に等しい場合にループを抜けます。

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i === 3) {
        break;
    }
    text += "The number is " + i + "<br>";
}

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

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

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

(、ない間...しばらく、用...中のため、)break文は、switch文またはループを終了します。

break文は、switch文で使用する場合には、スイッチブロックの勃発します。 これは、より多くのコードの実行および/またはブロック内のケースのテストの実行を停止します。

breakステートメントをループ内で使用される場合、それは、ループを中断し、ループ(もしあれば)の後にコードを実行し続けます。

break文はまた、任意のJavaScriptコードブロックの「飛び出し」に、オプションのラベルを参照して使用することができます(下の「その他の例」を参照してください)。

注:ラベル参照がなければ、break文は、ループやスイッチ内部のみを使用することができます。


ブラウザのサポート

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

構文

break;

オプションのラベルの参照を使用します:

break labelname;

技術的詳細

JavaScriptのバージョン: 1.0。 ラベルの参照には、JavaScript 1.2で追加されました

例

その他の例

この例では、break文と一緒にwhileループを使用します。

コードのブロックをループしますが、変数iが「3」に等しい場合にループを抜けます。

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

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

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

1例のみが実行されることを保証するために、スイッチブロックから抜け出します:

var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case 6:
        day = "Saturday";
        break;
}

その日の結果は次のようになります。

»それを自分で試してみてください

JavaScriptのコードブロックの「飛び出し」に、ラベルを参照してbreak文を使用します:

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

list: {
    text += cars[0] + "<br>";
    text += cars[1] + "<br>";
    text += cars[2] + "<br>";
    break list;
    text += cars[3] + "<br>";
}

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

BMW
Volvo
Saab
»それを自分で試してみてください

ループのネストされたの「飛び出し」に、ラベルを参照してbreak文を使用します:

var text = "";
var i, j;

Loop1: // The first for loop is labeled "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";

    Loop2: // The second for loop is labeled "Loop2"
    for (j = 10; j < 15; j++) {
        if (j === 12) {
            break Loop2;
        }
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}

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

i = 0, j = 10 11
i = 1, j = 10 11
i = 2, j = 10 11
»それを自分で試してみてください

関連ページ

JavaScriptのチュートリアル: JavaScriptのブレークと続行

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

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

JavaScriptのチュートリアル: JavaScriptのスイッチ

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

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

JavaScriptのリファレンス: JavaScriptのwhile文

JavaScriptのリファレンス: JavaScriptのスイッチステートメント


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