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

JavaScriptのcontinueステートメントとは？使い方をサンプルコードで解説

continueステートメントとは

JavaScriptのcontinueステートメントは、ループ内の残りのコードブロックをスキップし、直ちに次の反復（イテレーション）を開始するようインタプリタに指示する文です。

これに対してbreakステートメントは、ループを途中で終了させて波括弧で囲まれたブロックから抜け出すために使われます。continueはループ自体は継続しつつ、特定の回だけ処理を飛ばしたい場合に便利です。

continueステートメントが実行されると、プログラムの流れはすぐにループの条件判定式へ移ります。条件がまだ真（true）であれば次の反復が開始され、偽（false）になった時点でループから抜け出します。

サンプルコード

以下のコードを実行して、JavaScriptにおけるcontinueステートメントの動作を確認してみましょう。この例では、whileループの中でcontinueを使用しています。変数xの値が5に達したときだけ出力がスキップされる点に注目してください。

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

         while (x < 10) {
            x = x+ 1;
            if (x== 5) {
               continue; // ループ本体の残りの処理をスキップ
            }
            document.write( x + "<br />");
         }
         document.write("Exiting the loop!<br /> ");
      </script>
   </body>
</html>

実行結果

Entering the loop
2
3
4
6
7
8
9
Exiting the loop!

実行結果を見ると、xが5のときだけdocument.write()による出力が行われておらず、continueによってその回の残りの処理がスキップされたことが分かります。このように、continueを使うことで「特定の条件に該当する場合のみ処理を除外する」という制御をシンプルに記述できます。

  1. JavaScriptのwithステートメントとは？用途と使い方をわかりやすく解説

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

  2. 【初心者向け】JavaScriptのcontinueステートメントの使い方を解説

    continueステートメントとはJavaScriptのcontinueステートメントは、ループ処理の中で特定の条件が満たされた場合に、その回の処理（イテレーション）をスキップし、次の反復へ処理を移すために使用されます。breakステートメントがループ自体を抜けるのに対し、continueはあくまで「その回だけ」を飛ばしてループを継続する点が特徴です。この仕組みにより、不要なデータを除外しながら効率的に繰り返し処理を行うことができます。continueステートメントの実装例以下は、1から30までの数値の中から偶数のみを出力するサンプルコードです。奇数の場合にcontinueを使って処理をスキッ