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

方法: 1. Break ステートメントを使用してループを終了するか、最も内側のループをすぐに終了するか、switch ステートメントを終了します。 2. continue ステートメントを使用してループを終了します。ループを終了するのではなく、ループの新しい繰り返しを開始します。 3. return ステートメントを使用してループを終了します。このステートメントは関数本体内でのみ使用できます。

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

break ステートメント

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

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

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

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

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

//出力結果: 1234567

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

return ステートメント

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

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

Uncaught SyntaxError: Illegal return state(…)
不正にキャプチャされたクエリ return ステートメントを意味します。

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

<script>if (username==""){
   alert("请输入用户名");   return false;
}if(qq==""){
   alert("请输入QQ");   return false;
}</script>

上記の例では、ユーザー名が空の場合、それ以降は実行されません。一部のフォーム送信では、false を返すことでデフォルトの送信メソッドを回避し、代わりに Ajax 送信メソッドを使用することもできます。例:

<form id="form" onSubmit="return false">...</form>

[推奨学習: JavaScript 上級チュートリアル]

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