es6でコンティニューを使用する方法

ES6 では、 continue ステートメントは、現在の反復で後続のステートメントをスキップし、制御をループの先頭に戻すために使用されます。 continue はループを終了しませんが、現在の反復を終了し、後続の反復を開始します。構文は「for(...){...Continue}」です。

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

es6 で continue を使用する方法

continue ステートメントは、現在の反復の後続のステートメントをスキップし、制御をループの先頭に戻します。 Break ステートメントとは異なり、Continue はループを終了しません。現在の反復を終了し、後続の反復を開始します。以下は continue ステートメントの例です。

例

var num = 0 
var count = 0; 
for(num = 0;num<= 20;num++) { 
   if (num % 2 == 0) { 
      continue 
   } 
   count++ 
} 
console.log(" The count of odd values between 0 and 20 is: "+count)

上の例は、0 から 20 までの偶数の値を示しています。数値が偶数の場合、ループは現在の反復を終了します。これは continue ステートメントを使用して実現されます。

上記のコードが正常に実行されると、次の出力が表示されます。

The count of odd values between 0 and 20 is: 10

知識を広げる

es6 ループ

1. for Loop

は、break および continue 構文をサポートし、break はループを終了し、Continue はこのループをスキップします

2。forEach

は、break および continue 構文と forEach ループをサポートしません。 control は受け入れられず、最初から最後までトラバースする必要があります

3.every

    let arr = [1,2,3,4,5]
    arr.every((item) => {
        console.log(item)
        return true
    })

every の構文形式は forEach に似ており、関数パラメータも受け入れますが、異なる点は次のとおりです。 Every には戻り値が必要です。戻り値が次の場合は、true の場合にのみ次のループが実行され、デフォルトでは false が返されます。つまり、every と forEach の違いは、every はプログラム制御を受け入れ、戻り値を使用できることです。 Break と continue

4.for in

    let arr = [1,2,3,4,5]
    for(let index in arr) {
        console.log(arr[index])
    }

forin は配列をループするためにも使用できますが、forin はオブジェクトをトラバースするように設計されているため、問題が発生します。配列を走査できる理由は、配列もオブジェクトであり、上記の例のように、オブジェクトに属性を追加できるためです。属性 a が arr に追加される場合、arr.a = 6、属性 a も走査されますforin が実行された後ですが、配列内で理解されているインデックス値 a は正当ではありません

forin はブレークおよび続行構文もサポートしています

forin のカスタム変数インデックスはインデックスであることに注意してください。属性名は文字列型です。判断するときは変数の型に注意してください。

5. for of

    let arr = [1,2,3,4,5]
    for(let item of arr) {
        console.log(item)
    }

for of は ES6 の新しい構文で、主に次の問題を解決します。カスタム データ型トラバーサル。配列もトラバースできますが、その機能は上記の他のトラバーサル メソッドよりも強力です。

[関連する推奨事項:JavaScript ビデオ チュートリアル 、Web フロント-終わり＃＃＃】＃＃＃

以上がes6でコンティニューを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。