Hvordan bryde man ud af jQuery Every() Loop?

Hvordan Bryde Man Ud Af Jquery Every Loop



At bryde ud af ' hver() ” loop undgår unødvendige iterationer over de resterende elementer i samlingen, hvilket sparer behandlingstid og forbedrer ydeevnen. Det kan være meget nyttigt, når udvikleren ønsker at stoppe iterationen, når en specifik tilstand er nået, og håndtere den ekstraordinære tilstand.

Denne guide forklarer brugen og metoderne til at bryde ud fra jQuery each() loop. Disse metoder er angivet nedenfor:

Hvordan brydes ud af jQuery 'each()'-løkken?

Udbruddet fra ' hver() ” loop of jQuery kan optimere eksekveringshastigheden af ​​kode og giver udviklere mulighed for at forlade loopet for tidligt baseret på specifikke forhold. Ved at bryde ud fra jQuery ' hver() ”-løkke, kan udvikleren øjeblikkeligt forlade løkken og håndtere fejlen eller udføre passende handlinger uden at fortsætte med de resterende iterationer.







Der er et par metoder eller tilgange, der kan bruges til at bryde ud af jQuery 'each()' loop, disse metoder er beskrevet nedenfor.



Metode 1: Brug af returner falsk erklæring

Ved at returnere værdien af ​​false springer 'each()'-løkken straks den resterende iteration over og undgår unødvendige iterationer, som vist nedenfor:



< manuskript >
konst saml = [ 5 , 6 , 7 , 8 , 9 ] ;
konsol. log ( 'Original samling: ' + saml ) ;

$. hver ( saml , fungere ( jeg , Han boede også ) {
konsol. log ( Han boede også ) ;
hvis ( Han boede også === 7 ) {
Vend tilbage falsk ;
}
} ) ;
manuskript >

Beskrivelse af ovenstående kode:





  • Først arrayet ' saml ” oprettes, der indeholder fem dummy-værdier, som bliver udskrevet på konsollen.
  • Brug derefter ' hver() ' sløjfe hvor ' saml ' bruges som en samling, og tilbagekaldet videregives som et nøgle-værdi-par med navnet ' jeg ' og ' beboer ' henholdsvis.
  • Denne tilbagekaldsfunktion gentager over ' saml ” og viser værdien for hvert tilsvarende indeks.
  • Hvornår ' hver() ' loop iteration når en ' 7 ” værdi loop breakout på grund af ” returner falsk ' udmelding.

Efter kompileringen ser outputtet sådan ud:



Outputtet viser, at jQuery 'each()'-løkke er brudt ud for at vise data, indtil en specifik tilstand ikke når.

Metode 2: Smid en undtagelse

Ved at kaste en undtagelse inden for ' hver() ”-løkke, kan udvikleren afslutte “each()”-løkken og hoppe til fejlhåndteringslogikken. Det giver udviklere mulighed for at udføre specifikke handlinger, når det er nødvendigt, som vist nedenfor:

< manuskript >
konst saml = [ 5 , 6 , 7 , 8 , 9 ] ;
konsol. log ( 'Original dataelementer: ' + saml ) ;
prøve {
$. hver ( saml , fungere ( jeg , Han boede også ) {
konsol. log ( Han boede også ) ;
hvis ( Han boede også === 7 ) {
kaste ny Fejl ( 'Bræk ud af løkken' ) ;
}
} ) ;
} fangst ( fejl ) {
konsol. log ( fejl. besked ) ; // Håndter fejlen eller udfør nødvendige handlinger
}
manuskript >

Beskrivelse af koden:

  • Først arrayet ' saml ” er erklæret, der indeholder flere dummy-værdier, og udskriver disse værdier på konsollen.
  • Dernæst inde i ' prøve ' bloker jQuery ' hver() ”-løkke bruges sammen med tilbagekaldsfunktionen, som itererer over arrayet for at vise hver enhed.
  • En specifik betingelse er brugt inde i den, som kaster en undtagelse, når denne betingelse er opfyldt.
  • Nu, i ' fangst ” blok viser fejlmeddelelserne, hvis brugeren opdager en fejl.

Efter kompileringen:

Outputtet viser kun elementer, før forekomsten af ​​betingelser hentes.

Metode 3: Brug af brugerdefineret flag

Det ' brugerdefineret flag ' kan også indstilles til at bryde ud fra jQuery each()-løkken, disse flag bruger deres ' rigtigt ' eller ' falsk ” som en værdi. Flaget er grundlæggende variabler, der er sat til falsk, hvis den ønskede betingelse er opfyldt, som vist nedenfor:

< manuskript >
konst saml = [ 5 , 6 , 7 , 8 , 9 ] ;
lade brydeCond = falsk ;
$. hver ( saml , fungere ( indeks , vare ) {
konsol. log ( vare ) ;
hvis ( vare === 7 ) {
pauseCond = rigtigt ;
Vend tilbage falsk ;
}
} ) ;
hvis ( pauseCond ) {
konsol. log ( 'Bræk ud af løkken' ) ;
}
manuskript >

Beskrivelse af kode:

  • Først arrayet ' saml ' er erklæret, og en boolsk variabel ' pauseCond ' med værdien ' falsk ” er også skabt. Denne variabel fungerer som et brugerdefineret flag.
  • Dernæst jQuery ' hver() ”-løkke bruges sammen med tilbagekaldsfunktionen til at iterere over arrayet og vise hver af de eksisterende elementers værdier.
  • Inde i den er ' hvis '-sætning bruges til at kontrollere forekomsten af ​​den ønskede værdi og indstille værdien af ​​' pauseCond ” til sand, og returner værdien af ​​falsk for at stoppe udførelsescyklussen.
  • Til sidst skal du vise breakout-meddelelsen, hvis ' pauseCond ' indeholder værdien af ​​' rigtigt ”.

Efter kompileringen ser konsollen sådan ud:

Snapshottet viser, at udbruddet fra jQuery ' hver() ”-løkke er blevet udført.

Konklusion

At bryde ud fra jQuerys ' hver() ' loop, flere tilgange som ' returner falsk ' udmelding, ' At kaste en undtagelse ', og oprettelsen af ​​en ' brugerdefineret flag ' Kan bruges. Ovenstående tilgange standser den overordnede udførelsescyklus, når en bestemt betingelse er opfyldt. Denne guide har med succes demonstreret de tilgange, hvorved udvikleren kan bryde ud fra jQuery 'each()'-løkken.