【JavaScript】break文 - 繰り返し処理や分岐処理の中断（for/for-of/for-in/while/do-while/switch)

JavaScriptのbreak文をご紹介します。

break文

break文は繰り返し処理や分岐処理を中断する記法です。
for文、for-of文、for-in文、while文、do-while文、switch文のブロック（波括弧{}）で使うことができます。

基本構文

break

プログラムの実行がbreakに到達すると、一番近いブロックの処理を中断します。

サンプルコード

for文

Sample

for( let i = 0; i < 5; i++ ) {
    if( i == 3 ) {
        break;
    }
    console.log(i);
}

Console

0
1
2

変数iの値が3の処理でbreak文に到達し、繰り返し処理を中断します。

for-of文

Sample

let data = [ "aaa", "bbb", "ccc" ];
for( const value of data ) {
    if( value == "bbb" ) {
        break;
    }
    console.log(value);
}

Console

aaa

変数valueの値がbbbの処理でbreak文に到達し、繰り返し処理を中断します。

for-in文

Sample

let data = { a: "aaa", b: "bbb", c: "ccc" };
for( const key in data ) {
    if( key == "b" ) {
        break;
    }
    console.log(data[key]);
}

Console

aaa

変数keyの値がbの処理でbreak文に到達し、繰り返し処理を中断します。

while文

Sample

let i = 0;
while( i < 5 ) {
    if( i == 3 ) {
        break;
    }
    console.log(i);
    i++;
}

Console

0
1
2

変数iの値が3の処理でbreak文に到達し、繰り返し処理を中断します。

do-while文

Sample

let i = 0;
do {
    if( i == 3 ) {
        break;
    }
    console.log(i);
    i++;
} while( i < 5 );

Console

0
1
2

変数iの値が3の処理でbreak文に到達し、繰り返し処理を中断します。

switch文

Sample

let x = "b";
switch( x ) {
    case "a" :
        console.log("a");
        break;
    case "b" :
        console.log("b");
        break;
    case "c" :
        console.log("c");
        break;
    default :
        console.log("UNKNOWN");
}

Console

switch文のcase "b"に条件分岐します。
break文に到達後、ブロック処理を中断するため、この以降のブロック処理は実行されません。