JavaScriptでブロックにラベルを付ける方法｜break文でループを自在に制御するテクニック

ブロック文（block statement）は、0個以上の文をひとまとめにグループ化するための基本的な構文です。JavaScript以外のプログラミング言語では、「複合文（compound statement）」という名称で知られています。

ブロック文の基本構文

ブロック文は、波括弧（中括弧）で文を囲むだけで簡単に作成できます。

{
    // 実行したい文のリスト
}

ブロックにラベルを付ける方法

ブロックにラベルを付けたい場合は、識別子（任意のラベル名）とコロンをブロックの前に記述します。

ラベル名: {
    // 文のリスト
}

こうして付けたラベルは、break 文や continue 文と組み合わせることで真価を発揮します。特に多重ループでは、通常の break は最も内側のループしか抜けられませんが、ラベルを指定すれば外側のループまで一気に脱出できます。

実例：ラベル付きbreakでループの流れを制御する

以下のサンプルコードでは、outerloop と innerloop という2つのラベルを使い、二重ループの流れを細かく制御しています。実際にブラウザや開発者ツールのコンソールで実行して、動作を確認してみてください。

<script>
console.log("ループ開始！");

outerloop: // 外側のループに付けたラベル
for (var i = 0; i < 5; i++) {
  console.log("Outerloop: " + i);

  innerloop: // 内側のループに付けたラベル
  for (var j = 0; j < 5; j++) {
    if (j > 3) break;             // 最も内側のループを抜ける
    if (i == 2) break innerloop;  // innerloopラベルのループを抜ける
    if (i == 4) break outerloop;  // outerloopラベルの外側ループごと抜ける
    console.log("Innerloop: " + j);
  }
}

console.log("ループ終了！");
</script>

コードのポイント解説

• break; … ラベルを指定しない場合、現在いる最も内側のループのみを抜けます。
• break innerloop; … 「innerloop」ラベルが付いたループを抜けます。この例では直近の内側ループなので、引数なしの break と同じ動作になります。
• break outerloop; … 「outerloop」ラベルが付いた外側のループごと強制的に終了します。変数 i が4になった時点で、以降の繰り返し処理はすべてスキップされます。

このようにラベルを活用すると、深くネストしたループ処理でも意図したタイミングで柔軟に脱出できるため、複雑な条件分岐を含む処理をより見通しよく記述することができます。