ホームページ > ウェブフロントエンド > jsチュートリアル > JS のループから抜け出す 3 つの方法

JS のループから抜け出す 3 つの方法

清浅
リリース: 2019-03-07 14:29:13
オリジナル
8245 人が閲覧しました

JS でループから抜け出すには 3 つの方法があります。break ステートメントは switch ステートメントまたはloop ステートメントを終了するために使用され、 continue ステートメントは主にループ内の反復を中断するために使用され、return ステートメントは使用されます。関数によって返される値を指定するには

オブジェクト指向プログラミング構文では、よく使用される 3 つのキーワード、break、 continue、return に遭遇します。これらの主な機能は、ループから抜け出すことです。次に、これら3つの方法を記事で詳しく紹介しますが、一定の参考効果があり、皆様のお役に立てれば幸いです。

【おすすめコース: javascript チュートリアル

JS のループから抜け出す 3 つの方法

##break ステートメント

break ステートメントは、switch ステートメントまたはループ ステートメントを終了するために使用されます。

switch ステートメント内で Break ステートメントが使用されると、switch ステートメントのコード ブロックが飛び出して実行されます。コードの部分が終了します。

break ステートメントをループ ステートメント内で使用すると、実行ループが終了し、ループ後のコードが実行されます。

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

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

例:

  <script>
for(var i=1;i<=10;i++) { 
    if(i==8) { 
        break; 
    } 
    console.log(i); 
} 
</script>
ログイン後にコピー

レンダリング:

JS のループから抜け出す 3 つの方法

# continue ステートメント

Continue ステートメントの主な機能は、ループ内の反復を中断することです。指定された条件が発生した場合は、ループ内の次の反復を続行します。

Continue ステートメントは Break ステートメントに似ていますが、依然として存在します。違いは、Continue ステートメントはループを終了せず、ループの新しい反復を開始することです。

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

## 図:


#return ステートメント:

JS のループから抜け出す 3 つの方法

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

 <script>
    for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    console.log(i); 
} 
</script>
ログイン後にコピー
実行結果は次のとおりです:

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

しかし、関数に return を入れると実行できます

<script>
    for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
   console.log(i); 
} 
</script>
ログイン後にコピー

レンダリング:

これは、実行する前に関数本体に return を配置する必要があることを示しています。その関数は Break に似ています。

要約: 上記がこの記事の全内容です。この記事を通じて、JavaScript のループ ステートメントから抜け出す方法が皆さんに役立つことを願っています。 Image 061.png

以上がJS のループから抜け出す 3 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート