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

JavaScriptのcontinueステートメントでラベルを使用する方法

JavaScriptでは、continueステートメントにラベルを組み合わせることで、ループの処理の流れをより細かく制御することができます。

ラベルとは、識別子（任意の名前）の後にコロン（:）を付けたものであり、特定のステートメントやコードブロックに対して付けることができます。ネストされた（入れ子になった）ループの中でcontinue ラベル名;と記述すると、内側のループではなく、ラベルが付けられた外側のループの次の反復へスキップすることが可能になります。

サンプルコード

以下のコードを実行して、continueステートメントでラベルを使う方法を確認してみましょう。

<html>
   <body>
      <script>
         document.write("Entering the loop!<br /> ");
         
         outerloop: // これがラベル名です
            for (var i = 0; i < 3; i++) {
               document.write("Outerloop: " + i + "<br />");
               
               for (var j = 0; j < 5; j++) {
                  if (j == 3) {
                     continue outerloop;
                  }
                  document.write("Innerloop: " + j + "<br />");
               }
            }
            document.write("Exiting the loop!<br /> ");
      </script>
   </body>
</html>

実行結果の解説

この例では、外側のループに「outerloop」というラベルを付けています。内側のループで変数 j が3になると、continue outerloop; が実行され、内側のループの残りの処理をスキップして、外側のループの次の反復に移ります。

そのため、内側のループの出力は「Innerloop: 0」「Innerloop: 1」「Innerloop: 2」までで止まり、j が3以降の値は表示されません。このようにラベルを使うことで、通常のcontinueでは制御できない多重ループの流れを柔軟に操作できます。

  1. JavaScriptのdocument.formsプロパティでフォーム数を取得する方法

    document.formsとはJavaScriptのdocument.formsプロパティは、現在のドキュメント内に存在するすべての<form>要素のコレクション（HTMLCollection）を返します。このコレクションのlengthプロパティを参照することで、ドキュメント内にいくつの<form>タグが含まれているかを簡単に取得できます。サンプルコード以下のコードでは、ページ内に2つのフォームを配置し、document.forms.lengthを使ってフォームの総数を取得して表示しています。<!DOCTYPE html> <html> &nb

  2. 【初心者向け】JavaScriptのdocument.titleでページタイトルを取得・変更する方法

    JavaScriptでWebページのタイトル（<title>タグの内容）を操作したい場合は、document.title プロパティを使用します。document.titleとは？document.title は、現在表示しているHTMLドキュメントのタイトルを読み書きできるプロパティです。値を取得する場合： var x = document.title; のように参照することで、現在のタイトル文字列が返されます。値を変更する場合： document.title = 新しいタイトル; のように代入すると、ブラウザのタブやウィンドウに表示されるタイトルを動的に書き換えられます。サンプ