JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのbreakステートメントとは？ループを抜け出す方法をわかりやすく解説

breakステートメントは、ループ処理を途中で強制的に終了させ、そのループを囲む波括弧（{}）の外へ処理を移すために使われる制御構文です。

条件を満たした時点でもう繰り返しを続ける必要がない場合に、残りの反復をスキップして即座にループから脱出できるため、無駄な処理を省き、コードの効率と可読性を高めることができます。

whileループでのbreakステートメントの使用例

以下のコードを実行して、JavaScriptにおけるbreakステートメントの動作を確認してみましょう。この例では、whileループの中でbreakステートメントを使用しています。

変数 x が5に達した時点でループが早期に終了し、閉じ括弧（}）の直下にある document.write(...) ステートメントへ処理が移る様子に注目してください。

サンプルコード

<html>
   <body>
      <script>
         var x = 1;
         document.write("Entering the loop <br/> ");

         while (x < 20) {
            if (x == 5) {
               break; // ループを完全に抜け出す
            }
            x = x + 1;
            document.write( x + "<br/>");
         }
      </script>
   </body>
</html>

実行結果

Entering the loop
2
3
4
5

このコードでは、ループの継続条件は x < 20 ですが、実際には x が5になった瞬間に if 文の条件が真となり、break によってループ全体が終了します。そのため、6以降の数値は出力されません。

ポイントまとめ

  • breakステートメントは while ループだけでなく、for ループや do...while ループ、switch 文でも使用できます。
  • ネストされた（入れ子の）ループ内でbreakを使うと、breakを含む最も内側のループのみが終了します。
  • 「特定の条件に一致したら検索を終えたい」「エラーが発生したら処理を中断したい」といった場面で特に有効です。
  1. JavaScriptのwithステートメントとは？用途と使い方をわかりやすく解説

    JavaScriptのwithステートメントは、特定のプロパティに対してデフォルトのオブジェクトを指定し、冗長になりがちなオブジェクト参照の記述を省略するための構文です。withブロック内で指定したオブジェクトは、スコープチェーンの先頭に追加されるため、そのプロパティ名だけで直接アクセスできるようになります。 基本的な動作 通常、オブジェクトのプロパティにアクセスするには、毎回オブジェクト名を明示する必要があります。しかし、withステートメントを使えば、以下のようにコードを簡潔に書けます。 オブジェクト名の繰り返し記述を省略できる 同じオブジェクトの複数のプロパティへ短くアクセスできる 指

  2. PHPのbreakステートメントとは？ループとswitchを抜ける方法を実例で解説

    はじめにbreakステートメントは、PHPにおけるループ制御のためのキーワードのひとつです。while、do-while、for、foreachといったループ処理やswitch文の中でプログラムの流れがbreakに到達すると、そのループ（またはswitchブロック）内の残りの処理はすべてスキップされ、ループの直後にある処理へと実行が移ります。基本構文while (expr) {     ..     ..     if (expr1)    &n