Kuidas jQuery iga() tsüklist välja murda?

Kuidas Jquery Iga Tsuklist Valja Murda



Väljamurdmine ' iga() ” tsükkel väldib kogu ülejäänud elementide tarbetuid iteratsioone, säästes töötlemisaega ja parandades jõudlust. See võib olla väga kasulik, kui arendaja soovib konkreetse tingimuse saavutamisel iteratsiooni peatada ja erandlikku tingimust käsitleda.

See juhend selgitab jQuery iga() tsüklist väljamurdmise kasutamist ja meetodeid. Need meetodid on toodud allpool:

Kuidas jQuery 'each()' tsüklist välja murda?

Väljamurdmine ' iga() jQuery silmus võib optimeerida koodi täitmiskiirust ja võimaldab arendajatel konkreetsete tingimuste alusel tsüklist enneaegselt väljuda. JQueryst välja murdes ' iga() ” tsüklist, saab arendaja tsüklist kohe väljuda ja viga käsitleda või teha vastavaid toiminguid ilma ülejäänud iteratsioonidega jätkamata.







On paar meetodit või lähenemisviisi, mida saab kasutada jQuery 'each()' tsüklist välja murdmiseks. Neid meetodeid kirjeldatakse allpool.



1. meetod: Vale avalduse tagastamine

Väärtuse false tagastamisel jätab silmus 'each()' kohe ülejäänud iteratsiooni vahele ja väldib tarbetuid iteratsioone, nagu allpool näidatud:



< stsenaarium >
konst koll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsool. logi ( 'Originaalne kollektsioon:' + koll ) ;

$. iga ( koll , funktsiooni ( i , Ta elas ka ) {
konsool. logi ( Ta elas ka ) ;
kui ( Ta elas ka === 7 ) {
tagasi vale ;
}
} ) ;
stsenaarium >

Ülaltoodud koodi kirjeldus:





  • Esiteks massiiv ' koll ” luuakse, mis sisaldab viit näivat väärtust, mis prinditakse konsoolile.
  • Järgmisena kasutage ' iga() 'silmus kus' koll ' kasutatakse koguna ja tagasihelistamine edastatakse võtme-väärtuste paarina nimega ' i ” ja „ elanik ” vastavalt.
  • See tagasihelistamisfunktsioon kordab ' koll ” ja kuvab iga vastava indeksi väärtuse.
  • Millal ' iga() 'tsükli iteratsioon jõuab ' 7 ' väärtusahela katkemine ' tagasta vale ” avaldus.

Pärast koostamist näeb väljund välja järgmine:



Väljund näitab, et jQuery 'each()' tsükkel on andmete kuvamiseks välja murdnud, kuni konkreetne tingimus ei jõua.

2. meetod: erandi tegemine

Tehes erandi iga() ' tsüklist, saab arendaja väljuda tsüklist 'each()' ja liikuda veakäsitluse loogika juurde. See võimaldab arendajatel teha vajadusel konkreetseid toiminguid, nagu allpool näidatud.

< stsenaarium >
konst koll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsool. logi ( 'Originaalsed andmeelemendid:' + koll ) ;
proovige {
$. iga ( koll , funktsiooni ( i , Ta elas ka ) {
konsool. logi ( Ta elas ka ) ;
kui ( Ta elas ka === 7 ) {
viskama uus Viga ( 'Murra ahelast välja' ) ;
}
} ) ;
} püüda ( viga ) {
konsool. logi ( viga. sõnum ) ; // Käsitlege viga või tehke vajalikud toimingud
}
stsenaarium >

Koodi kirjeldus:

  • Esiteks massiiv ' koll ” deklareeritakse, mis sisaldab mitut näivat väärtust, ja prindib need väärtused konsoolile.
  • Järgmisena, sees proovige 'blokeeri jQuery' iga() ” tsüklit kasutatakse koos tagasihelistamise funktsiooniga, mis itereerib iga olemi kuvamiseks üle massiivi.
  • Selle sees kasutatakse konkreetset tingimust, mis teeb erandi, kui see tingimus on täidetud.
  • Nüüd jaotises ' püüda ” plokk kuvab veateateid, kui kasutaja tuvastab vea.

Pärast koostamist:

Väljund näitab ainult elemente enne tingimuste ilmnemist.

3. meetod: kohandatud lipu kasutamine

' kohandatud lipp ” saab määrata ka jQuery iga() tsüklist välja murdma, need lipud kasutavad oma „ tõsi ” või „ vale ” väärtusena. Lipp on põhimõtteliselt muutujad, mis seatakse väärtusele Väär, kui soovitud tingimus on täidetud, nagu allpool näidatud:

< stsenaarium >
konst koll = [ 5 , 6 , 7 , 8 , 9 ] ;
lase breakCond = vale ;
$. iga ( koll , funktsiooni ( indeks , üksus ) {
konsool. logi ( üksus ) ;
kui ( üksus === 7 ) {
breakCond = tõsi ;
tagasi vale ;
}
} ) ;
kui ( breakCond ) {
konsool. logi ( 'Murra ahelast välja' ) ;
}
stsenaarium >

Koodi kirjeldus:

  • Esiteks massiiv ' koll ' on deklareeritud ja tõeväärtus muutuja ' breakCond ' mille väärtus on ' vale ” on samuti loodud. See muutuja toimib kohandatud lipuna.
  • Järgmisena jQuery ' iga() ” tsüklit kasutatakse koos tagasihelistamise funktsiooniga, et itereerida üle massiivi ja kuvada iga püsiva elemendi väärtus.
  • Selle sees on ' kui ' lauset kasutatakse soovitud väärtuse esinemise kontrollimiseks ja väärtuse ' breakCond ” väärtuseks true ja tagastab täitmistsükli peatamiseks väärtuse false.
  • Lõpuks kuvage katkestussõnum, kui breakCond ' sisaldab väärtust ' tõsi ”.

Pärast koostamist näeb konsool välja selline:

Pilt näitab, et jQueryst väljamurdmine ' iga() ” tsükkel on edukalt tehtud.

Järeldus

JQueryst välja murdmiseks iga() 'silmus, mitu lähenemist nagu ' tagasta vale ' avaldus, ' Erandi viskamine ' ja ' kohandatud lipp ” saab kasutada. Ülaltoodud lähenemisviisid peatavad üldise täitmistsükli, kui teatud tingimus on täidetud. See juhend on edukalt demonstreerinud lähenemisviise, mille abil arendaja saab jQuery 'each()' ahelast välja murda.