Kuinka päästä eroon jQuery Every() Loopista?

Kuinka Paasta Eroon Jquery Every Loopista



murtautuminen ulos ' jokainen () '-silmukka välttää tarpeettomat iteraatiot kokoelman jäljellä oleville elementeille, mikä säästää käsittelyaikaa ja parantaa suorituskykyä. Se voi olla erittäin hyödyllistä, kun kehittäjä haluaa lopettaa iteroinnin, kun tietty ehto saavutetaan, ja käsitellä poikkeuksellista tilannetta.

Tämä opas selittää käytön ja menetelmiä Break Out from jQuery every() silmukan. Nämä menetelmät on esitetty alla:

Kuinka päästä eroon jQuery 'each()' -silmukasta?

Purkautuminen ' jokainen () jQueryn silmukka voi optimoida koodin suoritusnopeuden ja antaa kehittäjille mahdollisuuden poistua silmukasta ennenaikaisesti tiettyjen olosuhteiden perusteella. Murtautumalla ulos jQuerysta ' jokainen () ” -silmukan, kehittäjä voi välittömästi poistua silmukasta ja käsitellä virhettä tai suorittaa tarvittavat toimenpiteet jatkamatta jäljellä olevia iteraatioita.







On olemassa pari menetelmää tai lähestymistapaa, joita voidaan käyttää jQueryn 'each()'-silmukan purkamiseen. Nämä menetelmät kuvataan alla.



Tapa 1: Return False Statementin käyttäminen

Palauttamalla arvon false 'each()' -silmukka ohittaa välittömästi jäljellä olevan iteroinnin ja välttää tarpeettomat iteraatiot, kuten alla on esitetty:



< käsikirjoitus >
konst coll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsoli. Hirsi ( 'Alkuperäinen kokoelma:' + coll ) ;

$. jokainen ( coll , toiminto ( i , Hän myös asui ) {
konsoli. Hirsi ( Hän myös asui ) ;
jos ( Hän myös asui === 7 ) {
palata väärä ;
}
} ) ;
käsikirjoitus >

Kuvaus yllä olevasta koodista:





  • Ensinnäkin matriisi ' coll ' luodaan, joka sisältää viisi valearvoa, jotka tulostetaan konsoliin.
  • Käytä seuraavaksi ' jokainen () 'silmukka missä' coll ' käytetään kokoelmana ja takaisinsoitto välitetään avainarvoparina nimeltä ' i ' ja ' asukas ' vastaavasti.
  • Tämä takaisinsoittotoiminto toistuu ' coll ” ja näyttää kunkin vastaavan indeksin arvon.
  • Kun ' jokainen () 'silmukan iteraatio saavuttaa ' 7 ' arvosilmukan katkeaminen ' palauttaa väärä ”lausunto.

Käännöksen jälkeen tulos näyttää tältä:



Tulos osoittaa, että jQuery 'each()' -silmukka on katkennut näyttääkseen tietoja, kunnes tietty ehto ei saavu.

Tapa 2: Poikkeuksen tekeminen

Tekemällä poikkeuksen ' jokainen () ' -silmukan, kehittäjä voi poistua 'each()' -silmukasta ja siirtyä virheenkäsittelylogiikkaan. Sen avulla kehittäjät voivat suorittaa tiettyjä toimintoja tarvittaessa, kuten alla:

< käsikirjoitus >
konst coll = [ 5 , 6 , 7 , 8 , 9 ] ;
konsoli. Hirsi ( 'Alkuperäiset tietoelementit: ' + coll ) ;
yrittää {
$. jokainen ( coll , toiminto ( i , Hän myös asui ) {
konsoli. Hirsi ( Hän myös asui ) ;
jos ( Hän myös asui === 7 ) {
heittää Uusi Virhe ( 'Poista silmukasta' ) ;
}
} ) ;
} ottaa kiinni ( virhe ) {
konsoli. Hirsi ( virhe. viesti ) ; // Käsittele virhe tai suorita tarvittavat toimenpiteet
}
käsikirjoitus >

Koodin kuvaus:

  • Ensinnäkin matriisi ' coll ” on ilmoitettu, joka sisältää useita valearvoja, ja tulostaa nämä arvot konsoliin.
  • Seuraavaksi ' yrittää 'estä jQuery' jokainen () '-silmukkaa käytetään takaisinkutsun funktiossa, joka toistuu taulukon yli näyttääkseen jokaisen entiteetin.
  • Sen sisällä käytetään tiettyä ehtoa, joka tekee poikkeuksen, kun tämä ehto täyttyy.
  • Nyt kohdassa ' ottaa kiinni ” lohko näyttää virheilmoitukset, jos käyttäjä havaitsee virheen.

Kokoonpanon jälkeen:

Tulos näyttää vain elementit ennen kuin ehtojen esiintyminen noudetaan.

Tapa 3: Mukautetun lipun käyttö

' mukautettu lippu ' voidaan myös asettaa irrottamaan jQuery every() -silmukasta, nämä liput käyttävät ' totta ' tai ' väärä ” arvona. Lippu on periaatteessa muuttujia, jotka asetetaan epätosi-arvoon, jos haluttu ehto täyttyy, kuten alla:

< käsikirjoitus >
konst coll = [ 5 , 6 , 7 , 8 , 9 ] ;
anna breakCond = väärä ;
$. jokainen ( coll , toiminto ( indeksi , kohde ) {
konsoli. Hirsi ( kohde ) ;
jos ( kohde === 7 ) {
breakCond = totta ;
palata väärä ;
}
} ) ;
jos ( breakCond ) {
konsoli. Hirsi ( 'Poista silmukasta' ) ;
}
käsikirjoitus >

Koodin kuvaus:

  • Ensinnäkin matriisi ' coll ' on ilmoitettu, ja looginen muuttuja ' breakCond 'jonka arvo on' väärä ” on myös luotu. Tämä muuttuja toimii mukautettuna lippuna.
  • Seuraavaksi jQuery ' jokainen () '-silmukkaa käytetään takaisinkutsun funktiossa toistamaan taulukon yli ja näyttämään jokaisen pysyvän elementin arvon.
  • Sen sisällä on ' jos ' -lausetta käytetään tarkistamaan halutun arvon esiintyminen ja asettamaan ' breakCond ” arvoon tosi, ja palauttaa arvon false lopettaaksesi suoritussyklin.
  • Näytä lopuksi erotusviesti, jos ' breakCond ' sisältää arvon ' totta ”.

Kokoamisen jälkeen konsoli näyttää tältä:

Tilannekuva osoittaa, että irtautuminen jQuerysta ' jokainen () 'silmukka on suoritettu onnistuneesti.

Johtopäätös

Murtautuaksesi jQuerystä ' jokainen () 'silmukka, useita lähestymistapoja, kuten ' palauttaa väärä 'lausunto,' Poikkeuksen heittäminen ' ja ' mukautettu lippu ' voidaan käyttää. Yllä olevat lähestymistavat pysäyttävät yleisen suoritussyklin, kun tietty ehto on täytetty. Tämä opas on onnistuneesti osoittanut lähestymistavat, joilla kehittäjä voi murtautua jQueryn 'each()'-silmukasta.