Deze gids legt het gebruik en de methoden uit om elke () lus uit jQuery te doorbreken. Deze methoden worden hieronder vermeld:
- Hoe elke () lus uit jQuery te doorbreken?
- Return False Statement gebruiken
- Een uitzondering genereren
- Aangepaste vlag gebruiken
Hoe de lus van jQuery 'elke ()' te doorbreken?
Het uitbreken van de “ elk() ” lus van jQuery kan de uitvoeringssnelheid van code optimaliseren en stelt ontwikkelaars in staat om de lus voortijdig te verlaten op basis van specifieke voorwaarden. Door uit de jQuery te breken ' elk() ”-lus, kan de ontwikkelaar de lus onmiddellijk verlaten en de fout afhandelen of passende acties uitvoeren zonder door te gaan met de resterende iteraties.
Er zijn een aantal methoden of benaderingen die kunnen worden gebruikt om de lus van jQuery 'each()' te doorbreken. Deze methoden worden hieronder beschreven.
Methode 1: Return False Statement gebruiken
Door de waarde van false terug te geven, slaat de 'each()'-lus onmiddellijk de resterende iteratie over en vermijdt onnodige iteraties, zoals hieronder getoond:
< script >
const col = [ 5 , 6 , 7 , 8 , 9 ] ;
troosten. loggen ( 'Originele collectie: ' + col ) ;
$. elk ( col , functie ( i , Hij woonde ook ) {
troosten. loggen ( Hij woonde ook ) ;
als ( Hij woonde ook === 7 ) {
opbrengst vals ;
}
} ) ;
script >
Beschrijving van de bovenstaande code:
- Eerst de reeks ' col ' wordt gemaakt dat vijf dummy-waarden bevat die op de console worden afgedrukt.
- Gebruik vervolgens de ' elk() ' lus waar ' col ” wordt gebruikt als een verzameling en de callback wordt doorgegeven als een sleutel-waardepaar met de naam “ i ' En ' inwoner respectievelijk.
- Deze callback-functie itereert over de ' col ” en geeft de waarde weer voor elke overeenkomstige index.
- Wanneer ' elk() ' lus iteratie bereikt een ' 7 ' Waardelus doorbreken vanwege de ' vals retourneren ' stelling.
Na de compilatie ziet de uitvoer er als volgt uit:
De uitvoer laat zien dat jQuery 'elke ()' -lus is uitgebroken om gegevens weer te geven totdat een specifieke voorwaarde niet wordt bereikt.
Methode 2: een uitzondering genereren
Door een uitzondering te maken binnen de ' elk() ”-lus, kan de ontwikkelaar de “each()”-lus verlaten en naar de foutafhandelingslogica springen. Hiermee kunnen ontwikkelaars specifieke acties uitvoeren wanneer dat nodig is, zoals hieronder weergegeven:
< script >const col = [ 5 , 6 , 7 , 8 , 9 ] ;
troosten. loggen ( 'Oorspronkelijke gegevenselementen: ' + col ) ;
poging {
$. elk ( col , functie ( i , Hij woonde ook ) {
troosten. loggen ( Hij woonde ook ) ;
als ( Hij woonde ook === 7 ) {
gooien nieuw Fout ( 'Breek uit de lus' ) ;
}
} ) ;
} vangst ( fout ) {
troosten. loggen ( fout. bericht ) ; // Behandel de fout of voer de nodige acties uit
}
script >
Beschrijving van de code:
- Eerst de reeks ' col ” wordt gedeclareerd dat meerdere dummy-waarden bevat, en drukt deze waarden af op de console.
- Vervolgens binnen de ' poging 'blok jQuery' elk() ” lus wordt gebruikt langs de callback-functie die de array herhaalt om elke entiteit weer te geven.
- Er wordt een specifieke voorwaarde in gebruikt die een uitzondering genereert wanneer aan die voorwaarde is voldaan.
- Nu in de ' vangst ”-blok geeft de foutmeldingen weer als de gebruiker een fout opmerkt.
Na de compilatie:
De uitvoer toont alleen elementen voordat het optreden van voorwaarden wordt opgehaald.
Methode 3: aangepaste vlag gebruiken
De ' aangepaste vlag ” kan ook worden ingesteld om uit de jQuery elke() lus te breken, deze vlaggen gebruiken hun “ WAAR ' of ' vals ” als een waarde. De vlag bestaat in feite uit variabelen die op false worden ingesteld als aan de gewenste voorwaarde wordt voldaan, zoals hieronder weergegeven:
< script >const col = [ 5 , 6 , 7 , 8 , 9 ] ;
laat brekenCond = vals ;
$. elk ( col , functie ( inhoudsopgave , item ) {
troosten. loggen ( item ) ;
als ( item === 7 ) {
breakCond = WAAR ;
opbrengst vals ;
}
} ) ;
als ( breakCond ) {
troosten. loggen ( 'Breek uit de lus' ) ;
}
script >
Beschrijving van code:
- Eerst de reeks ' col ” wordt gedeclareerd, en een booleaanse variabele “ breakCond ” met een waarde van “ vals ” wordt ook gemaakt. Deze variabele fungeert als een aangepaste vlag.
- Vervolgens de jQuery “ elk() ” lus wordt gebruikt langs de callback-functie om de array te herhalen en elke aanwezige elementwaarde weer te geven.
- Binnenin, de ' als ”-instructie wordt gebruikt om het voorkomen van de gewenste waarde te controleren en de waarde van “ in te stellen breakCond ” in op true en retourneert de waarde van false om de uitvoeringscyclus te stoppen.
- Geef uiteindelijk het breakout-bericht weer als de ' breakCond ” bevat de waarde van “ WAAR ”.
Na de compilatie ziet de console er als volgt uit:
De momentopname laat zien dat de uitbraak van jQuery “ elk() ” lus is met succes uitgevoerd.
Conclusie
Om los te komen van jQuery's ' elk() ' lus, verschillende benaderingen zoals ' vals retourneren ' stelling, ' Een uitzondering genereren ”, en de creatie van een “ aangepaste vlag ' kan worden gebruikt. De bovenstaande benaderingen stoppen de algehele uitvoeringscyclus wanneer aan een bepaalde voorwaarde is voldaan. Deze gids heeft met succes de benaderingen gedemonstreerd waarmee de ontwikkelaar uit de jQuery 'each()'-lus kan ontsnappen.