Paano Lumabas sa jQuery Each() Loop?

Paano Lumabas Sa Jquery Each Loop



Ang paglabas ng ' bawat() ” Ang loop ay umiiwas sa mga hindi kinakailangang pag-ulit sa mga natitirang elemento sa koleksyon, nakakatipid ng oras sa pagproseso at pagpapabuti ng pagganap. Maaari itong maging lubhang kapaki-pakinabang kapag nais ng developer na ihinto ang pag-ulit kapag naabot ang isang partikular na kundisyon at upang mahawakan ang pambihirang kundisyon.

Ang gabay na ito ay nagpapaliwanag sa paggamit at mga pamamaraan para sa Break Out mula sa jQuery bawat() loop. Ang mga pamamaraang ito ay nakasaad sa ibaba:

Paano Lumabas sa jQuery 'bawat ()' Loop?

Ang paglabas mula sa ' bawat() ” Ang loop ng jQuery ay maaaring i-optimize ang bilis ng pagpapatupad ng code at pinapayagan ang mga developer na lumabas sa loop nang maaga batay sa mga partikular na kundisyon. Sa pamamagitan ng paglabas mula sa jQuery ' bawat() ” loop, maaaring agad na lumabas ang developer sa loop at hawakan ang error o magsagawa ng mga naaangkop na aksyon nang hindi nagpapatuloy sa mga natitirang pag-ulit.







Mayroong ilang mga pamamaraan o diskarte na maaaring magamit upang lumabas sa jQuery 'bawat ()' loop, ang mga pamamaraang ito ay inilarawan sa ibaba.



Paraan 1: Paggamit ng Return False Statement

Sa pamamagitan ng pagbabalik ng halaga ng false ang 'bawat ()' na loop ay agad na laktawan ang natitirang pag-ulit at iniiwasan ang mga hindi kinakailangang pag-ulit, tulad ng ipinapakita sa ibaba:



< iskrip >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
console. log ( 'Orihinal na Koleksyon: ' + coll ) ;

$. bawat isa ( coll , function ( i , Siya rin ay nanirahan ) {
console. log ( Siya rin ay nanirahan ) ;
kung ( Siya rin ay nanirahan === 7 ) {
bumalik mali ;
}
} ) ;
iskrip >

Paglalarawan ng code sa itaas:





  • Una, ang array ' coll ” ay nilikha na naglalaman ng limang dummy value na napi-print sa console.
  • Susunod, gamitin ang ' bawat() ' loop kung saan ' coll ' ay ginagamit bilang isang koleksyon, at ang callback ay ipinapasa bilang isang key-value pair na pinangalanang ' i 'at' residente ” ayon sa pagkakabanggit.
  • Ang callback function na ito ay umuulit sa ' coll ” at ipinapakita ang halaga para sa bawat katumbas na index.
  • Kailan ' bawat() 'Ang pag-ulit ng loop ay umabot sa isang ' 7 ' value loop breakout dahil sa ' ibalik ang mali ” pahayag.

Pagkatapos ng compilation, ang output ay ganito:



Ang output ay nagpapakita na ang jQuery 'bawat()' loop ay lumalabas upang ipakita ang data hanggang sa isang partikular na kundisyon ay hindi maabot.

Paraan 2: Paghagis ng Exception

Sa pamamagitan ng paglalagay ng exception sa loob ng ' bawat() ” loop, maaaring lumabas ang developer sa loop na “each()” at tumalon sa logic sa paghawak ng error. Nagbibigay-daan ito sa mga developer na magsagawa ng mga partikular na aksyon kapag kinakailangan, tulad ng ipinapakita sa ibaba:

< iskrip >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
console. log ( 'Orihinal na Mga Elemento ng Data: ' + coll ) ;
subukan {
$. bawat isa ( coll , function ( i , Siya rin ay nanirahan ) {
console. log ( Siya rin ay nanirahan ) ;
kung ( Siya rin ay nanirahan === 7 ) {
itapon bago Error ( 'Break out of the loop' ) ;
}
} ) ;
} mahuli ( pagkakamali ) {
console. log ( pagkakamali. mensahe ) ; // Pangasiwaan ang error o gawin ang mga kinakailangang aksyon
}
iskrip >

Paglalarawan ng code:

  • Una, ang array ' coll ” ay idineklara na naglalaman ng maraming dummy value, at ini-print ang mga value na ito sa console.
  • Susunod, sa loob ng ' subukan 'harangin ang jQuery' bawat() Ang ” loop ay ginagamit kasama ng callback function na umuulit sa array upang ipakita ang bawat entity.
  • Ang isang partikular na kundisyon ay ginagamit sa loob nito na nagtatapon ng isang pagbubukod kapag ang kundisyong iyon ay natugunan.
  • Ngayon, sa ' mahuli ” block ipakita ang mga mensahe ng error kung ang gumagamit ay nakakakuha ng anumang error.

Pagkatapos ng compilation:

Ang output ay nagpapakita lamang ng mga elemento bago ang paglitaw ng mga kundisyon ay nakuha.

Paraan 3: Paggamit ng Custom na Flag

Ang ' pasadyang bandila ' ay maaari ding itakda na lumabas mula sa jQuery each() loop, ginagamit ng mga flag na ito ang kanilang ' totoo 'o' mali ” bilang isang halaga. Ang flag ay karaniwang mga variable na nakatakda sa false kung ang nais na kundisyon ay natutugunan, tulad ng ipinapakita sa ibaba:

< iskrip >
const coll = [ 5 , 6 , 7 , 8 , 9 ] ;
hayaan ang breakCond = mali ;
$. bawat isa ( coll , function ( index , aytem ) {
console. log ( aytem ) ;
kung ( aytem === 7 ) {
breakCond = totoo ;
bumalik mali ;
}
} ) ;
kung ( breakCond ) {
console. log ( 'Break out of the loop' ) ;
}
iskrip >

Paglalarawan ng code:

  • Una, ang array ' coll ' ay ipinahayag, at isang boolean variable ' breakCond 'may halaga ng' mali ” ay nilikha din. Nagsisilbing custom na flag ang variable na ito.
  • Susunod, ang jQuery ' bawat() Ang ” loop ay ginagamit kasama ang callback function upang umulit sa array at ipakita ang bawat naninirahan na halaga ng elemento.
  • Sa loob nito, ang ' kung 'Ang pahayag ay ginagamit upang suriin ang paglitaw ng nais na halaga at itakda ang halaga ng ' breakCond ” sa true, at ibalik ang value ng false para ihinto ang cycle ng execution.
  • Sa huli, ipakita ang breakout na mensahe kung ang ' breakCond Ang ” ay naglalaman ng halaga ng “ totoo ”.

Pagkatapos ng compilation, ganito ang hitsura ng console:

Ang snapshot ay nagpapakita na ang break out mula sa jQuery ' bawat() ” Ang loop ay matagumpay na nagawa.

Konklusyon

Upang lumabas mula sa jQuery's ' bawat() ' loop, ilang mga diskarte tulad ng ' ibalik ang mali 'pahayag,' Paghahagis ng Exception ”, at ang paglikha ng isang “ pasadyang bandila ” maaaring gamitin. Ang mga diskarte sa itaas ay huminto sa pangkalahatang cycle ng pagpapatupad kapag ang isang tiyak na kundisyon ay natugunan. Matagumpay na naipakita ng gabay na ito ang mga diskarte kung saan maaaring lumabas ang developer mula sa jQuery “each()” loop.