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

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

このチュートリアルの動作環境: 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 ステートメントが実行されると、関数本体に他のステートメントがある場合でも、関数の実行は停止します。

<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 サイトの他の関連記事を参照してください。