מדריך זה מסביר את השימוש והשיטות לפרוץ מ-jQuery each() loop. שיטות אלו מופיעות להלן:
כיצד לצאת מלולאת jQuery 'כל()'?
הפריצה מה' כל אחד() ” לולאה של jQuery יכולה לייעל את מהירות הביצוע של הקוד ומאפשרת למפתחים לצאת מהלולאה בטרם עת בהתבסס על תנאים ספציפיים. על ידי פריצה מה-jQuery ' כל אחד() ” לולאה, המפתח יכול לצאת מיד מהלולאה ולטפל בשגיאה או לבצע פעולות מתאימות מבלי להמשיך עם האיטרציות הנותרות.
ישנן כמה שיטות או גישות שניתן להשתמש בהן כדי לצאת מלולאת jQuery 'each()', שיטות אלו מתוארות להלן.
שיטה 1: שימוש ב-Retur False Statement
על ידי החזרת הערך של false, לולאת 'each()' תדלג מיד על האיטרציה הנותרת ומונעת איטרציות מיותרות, כפי שמוצג להלן:
< תַסרִיט >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
לְנַחֵם. עֵץ ( 'אוסף מקורי:' + coll ) ;
$. כל אחד ( coll , פוּנקצִיָה ( אני , הוא גם התגורר ) {
לְנַחֵם. עֵץ ( הוא גם התגורר ) ;
אם ( הוא גם התגורר === 7 ) {
לַחֲזוֹר שֶׁקֶר ;
}
} ) ;
תַסרִיט >
תיאור הקוד לעיל:
- ראשית, המערך ' coll נוצר המכיל חמישה ערכי דמה אשר מודפסים על הקונסולה.
- לאחר מכן, השתמש ב' כל אחד() 'לולאה איפה' coll ' משמש כאוסף, וההתקשרות חזרה מועברת כזוג מפתח-ערך בשם ' אני ' ו' תוֹשָׁב ' בהתאמה.
- פונקציית התקשרות חוזרת זו חוזרת על ' coll ' ומציג את הערך עבור כל אינדקס מתאים.
- מתי ' כל אחד() ' איטרציה של לולאה מגיעה ל' 7 פריצת לולאת ערך עקב ' להחזיר שקר 'הצהרה.
לאחר ההידור, הפלט נראה כך:
הפלט מראה שלולאת 'כל()' של jQuery פרצה החוצה כדי להציג נתונים עד שמצב ספציפי לא מגיע.
שיטה 2: זריקת חריגה
על ידי זריקת חריג בתוך ' כל אחד() ' לולאה, המפתח יכול לצאת מהלולאה 'כל()' ולקפוץ ללוגיקה לטיפול בשגיאות. זה מאפשר למפתחים לבצע פעולות ספציפיות בעת הצורך, כפי שמוצג להלן:
< תַסרִיט >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
לְנַחֵם. עֵץ ( 'רכיבי נתונים מקוריים: ' + coll ) ;
לְנַסוֹת {
$. כל אחד ( coll , פוּנקצִיָה ( אני , הוא גם התגורר ) {
לְנַחֵם. עֵץ ( הוא גם התגורר ) ;
אם ( הוא גם התגורר === 7 ) {
לזרוק חָדָשׁ שְׁגִיאָה ( 'לצאת מהלולאה' ) ;
}
} ) ;
} לתפוס ( שְׁגִיאָה ) {
לְנַחֵם. עֵץ ( שְׁגִיאָה. הוֹדָעָה ) ; // טפל בשגיאה או בצע פעולות נחוצות
}
תַסרִיט >
תיאור הקוד:
- ראשית, המערך ' coll 'מוכרז שמכיל ערכי דמה מרובים, ומדפיס את הערכים הללו בקונסולה.
- לאחר מכן, בתוך ' לְנַסוֹת ' חסום את jQuery ' כל אחד() לולאה משמשת לאורך פונקציית ה-callback אשר חוזרת על המערך כדי להציג כל ישות.
- תנאי מסוים מנוצל בתוכו אשר זורק חריג כאשר תנאי זה מתקיים.
- כעת, ב' לתפוס ' לחסום להציג את הודעות השגיאה אם המשתמש תופס שגיאה כלשהי.
לאחר הקומפילציה:
הפלט מציג רק אלמנטים לפני התרחשות התנאים מאוחזרים.
שיטה 3: שימוש בדגל מותאם אישית
ה ' דגל מותאם אישית 'ניתן גם להגדיר לפרוץ מהלולאה של jQuery each(), דגלים אלה משתמשים ב-' נָכוֹן ' או ' שֶׁקֶר 'כערך. הדגל הוא בעצם משתנים שמוגדרים לשווא אם התנאי הרצוי מתקיים, כפי שמוצג להלן:
< תַסרִיט >const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
תן breakCond = שֶׁקֶר ;
$. כל אחד ( coll , פוּנקצִיָה ( אינדקס , פריט ) {
לְנַחֵם. עֵץ ( פריט ) ;
אם ( פריט === 7 ) {
breakCond = נָכוֹן ;
לַחֲזוֹר שֶׁקֶר ;
}
} ) ;
אם ( breakCond ) {
לְנַחֵם. עֵץ ( 'לצאת מהלולאה' ) ;
}
תַסרִיט >
תיאור הקוד:
- ראשית, המערך ' coll ' מוצהר, ומשתנה בוליאני ' breakCond ' בעל ערך של ' שֶׁקֶר נוצר גם. משתנה זה פועל כדגל מותאם אישית.
- לאחר מכן, ה-jQuery ' כל אחד() לולאה משמשת לאורך פונקציית ה-callback כדי לחזור על המערך ולהציג כל ערך של רכיב שוכן.
- בתוכו, ה' אם הצהרת ' משמשת כדי לבדוק את התרחשות הערך הרצוי ולהגדיר את הערך של ' breakCond ” ל-true, ולהחזיר את הערך של false כדי לעצור את מחזור הביצוע.
- בסופו של דבר, הצג את הודעת הפריצה אם ' breakCond ' מכיל את הערך של ' נָכוֹן '.
לאחר הקומפילציה, הקונסולה נראית כך:
תמונת המצב מראה שהפריצה מ-jQuery ' כל אחד() לולאה בוצעה בהצלחה.
סיכום
לפרוץ מ- jQuery של ' כל אחד() לולאה, מספר גישות כמו ' להחזיר שקר 'הצהרה,' לזרוק חריג ', ויצירת ' דגל מותאם אישית ' יכול לשמש. הגישות לעיל עוצרות את מחזור הביצוע הכולל כאשר מתקיים תנאי מסוים. מדריך זה הדגים בהצלחה את הגישות שבאמצעותן המפתח יכול לפרוץ מלולאת jQuery 'each()'.