ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでループを終了する方法

JavaScriptでループを終了する方法

青灯夜游
青灯夜游オリジナル
2021-07-20 15:34:1313625ブラウズ

ループを終了する Javascript メソッド: 1. Break ステートメントを使用してループ全体を終了します。break ステートメントに続くコードとその後のループは実行されません。 2. continue ステートメントを使用して現在のループを終了し、すぐに次のループに入ります。 3. return ステートメントを使用します。

JavaScriptでループを終了する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でループを終了するには、次の 3 つの方法があります。

  • break ステートメントを使用してループを終了します。

  • 使用します。 continue ステートメントを使用してループを終了します

  • return ステートメントを使用してループを終了します

##方法 1: Break ステートメントを使用します

break ステートメントにより、実行中のプログラムは、プログラムに含まれる最も内側のループを直ちに終了するか、switch ステートメントを終了します。

ループまたは switch ステートメントを終了するために使用されるため、この形式の Break ステートメントは、これらのステートメント内に出現する場合にのみ有効です。

ループの終了条件が非常に複雑な場合は、ループ式を使用してすべての条件を表現するよりも、break ステートメントを使用して一部の条件を実装する方がはるかに簡単です。

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        break; 
    } 
    document.write(i); 
}

i=8 の場合、for ループを直接終了します。このループは実行されなくなります。

出力結果:

1234567

方法 2: continue ステートメントを使用する

continue ステートメントは、break ステートメントと似ています。違いは、ループを終了する代わりに、ループの新しい反復を開始することです。

Continue ステートメントは、while ステートメント、do/while ステートメント、for ステートメント、または for/in ステートメントのループ本体でのみ使用できます。他の場所で使用するとエラーが発生します。

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    document.write(i); 
}

i=8 の場合、この for ループから直接抜け出します。次回も引き続き実行します。

出力結果:

1234567910

方法 3: return ステートメントを使用する

return ステートメントは、関数によって返される値を指定するために使用されます。 return ステートメントは関数本体内にのみ使用できます。コード内の他の場所に使用すると、構文エラーが発生します。

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
    document.write(i); 
}

出力結果:

Uncaught SyntaxError: Illegal return statement(…)

は、不正にキャプチャされたクエリ return ステートメントを意味します。


return ステートメントが実行されると、関数本体に他のステートメントがある場合でも、関数の実行は停止します。

3f1c4e4b6b16bbbd69b2ee476dc4f83a
if (username==""){
   alert("请输入用户名");
   return false;
}
if(qq==""){
   alert("请输入QQ");
   return false;
}
2cacc6d41bbb37262a98f745aa00fbf0
上記の例では、ユーザー名が空の場合、それ以降は実行されません。一部のフォーム送信では、false を返すことでデフォルトの送信メソッドを回避し、代わりに Ajax 送信メソッドを使用することもできます。例:

d437b87c35d4eec461bc3caa919a3331...f5a47148e367a6035fd7a2faa965022e
[推奨学習:

JavaScript 上級チュートリアル]

以上がJavaScriptでループを終了する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。