このガイドでは、jQuery each() ループから抜け出すための使用法と方法について説明します。これらの方法を以下に説明します。
jQueryの「each()」ループから抜け出すには?
「」からの脱却 それぞれ() jQuery のループを使用すると、コードの実行速度を最適化し、開発者が特定の条件に基づいてループを途中で終了できるようになります。 jQuery から抜け出すことで「 それぞれ() 」ループを実行すると、開発者は残りの反復を続行せずに、すぐにループを終了してエラーを処理したり、適切なアクションを実行したりできます。
jQuery の「each()」ループから抜け出すために使用できるメソッドやアプローチがいくつかあります。これらのメソッドについては以下で説明します。
方法 1: Return False ステートメントを使用する
以下に示すように、false の値を返すことにより、「each()」ループは残りの反復を即座にスキップし、不要な反復を回避します。
< 脚本 >
定数 集める = [ 5 、 6 、 7 、 8 、 9 】 ;
コンソール。 ログ ( 「オリジナルコレクション:」 + 集める ) ;
$。 それぞれ ( 集める 、 関数 ( 私 、 彼も住んでいた ) {
コンソール。 ログ ( 彼も住んでいた ) ;
もし ( 彼も住んでいた === 7 ) {
戻る 間違い ;
}
} ) ;
脚本 >
上記のコードの説明:
- まず、配列「 集める 」が作成され、コンソールに表示される 5 つのダミー値が含まれます。
- 次に「」を活用します。 それぞれ() 「どこでループするか」 集める ” はコレクションとして使用され、コールバックは “ という名前のキーと値のペアとして渡されます。 私 ' そして ' 居住者 ' それぞれ。
- このコールバック関数は「 集める 」と表示され、対応する各インデックスの値が表示されます。
- いつ ' それぞれ() 「ループの反復が次の値に達しました」 7 「」による値ループのブレイクアウト falseを返す ' 声明。
コンパイル後の出力は次のようになります。
出力は、jQuery の「each()」ループが中断され、特定の条件に達しないまでデータを表示していることを示しています。
方法 2: 例外をスローする
「」内で例外をスローすることで、 それぞれ() 」ループを使用すると、開発者は「each()」ループを終了してエラー処理ロジックにジャンプできます。これにより、開発者は以下に示すように、必要に応じて特定のアクションを実行できます。
< 脚本 >定数 集める = [ 5 、 6 、 7 、 8 、 9 】 ;
コンソール。 ログ ( 「元のデータ要素:」 + 集める ) ;
試す {
$。 それぞれ ( 集める 、 関数 ( 私 、 彼も住んでいた ) {
コンソール。 ログ ( 彼も住んでいた ) ;
もし ( 彼も住んでいた === 7 ) {
投げる 新しい エラー ( 「ループから抜け出す」 ) ;
}
} ) ;
} キャッチ ( エラー ) {
コンソール。 ログ ( エラー。 メッセージ ) ; // エラーを処理するか、必要なアクションを実行します
}
脚本 >
コードの説明:
- まず、配列「 集める ” が宣言されており、複数のダミー値が含まれており、これらの値がコンソールに表示されます。
- 次に、「」の内部 試す 「ブロックjQuery」 それぞれ() 」ループは、配列を反復処理して各エンティティを表示するコールバック関数とともに使用されます。
- 内部では特定の条件が使用されており、その条件が満たされた場合に例外がスローされます。
- さて、「」では、 キャッチ 」ブロックは、ユーザーがエラーを見つけた場合にエラー メッセージを表示します。
コンパイル後:
出力には、条件の発生が取得される前の要素のみが表示されます。
方法 3: カスタム フラグを使用する
” カスタムフラグ ” は、jQuery each() ループから抜け出すように設定することもできます。これらのフラグは、” 真実 ' または ' 間違い ”を価値観として。フラグは基本的に、以下に示すように、必要な条件が満たされた場合に false に設定される変数です。
< 脚本 >定数 集める = [ 5 、 6 、 7 、 8 、 9 】 ;
ブレイク条件を設定する = 間違い ;
$。 それぞれ ( 集める 、 関数 ( 索引 、 アイテム ) {
コンソール。 ログ ( アイテム ) ;
もし ( アイテム === 7 ) {
ブレーク条件 = 真実 ;
戻る 間違い ;
}
} ) ;
もし ( ブレーク条件 ) {
コンソール。 ログ ( 「ループから抜け出す」 ) ;
}
脚本 >
コードの説明:
- まず、配列「 集める ” が宣言されており、ブール変数 “ ブレーク条件 ” の値を持つ” 間違い 』も作られています。この変数はカスタム フラグとして機能します。
- 次にjQuery「 それぞれ() ” ループはコールバック関数とともに使用され、配列を反復処理して、常駐するすべての要素の値を表示します。
- その中には、「 もし ” ステートメントは、目的の値の出現を確認し、” の値を設定するために使用されます。 ブレーク条件 ” を true に設定し、値 false を返して実行サイクルを停止します。
- 最後に、「」の場合にブレークアウト メッセージを表示します。 ブレーク条件 「」には「」の値が含まれています。 真実 ”。
コンパイル後、コンソールは次のようになります。
スナップショットは、jQuery からの脱却を示しています。 それぞれ() 」ループが成功しました。
結論
jQueryの「」から抜け出すには それぞれ() ” ループ、” のようないくつかのアプローチ falseを返す ' 声明、 ' 例外をスローする 」と「」の作成 カスタムフラグ ' に使える。上記のアプローチは、特定の条件が満たされたときに実行サイクル全体を停止します。このガイドでは、開発者が jQuery の「each()」ループから抜け出すためのアプローチを実証しました。