Viktige JavaScript-løkker du trenger å vite

Sløyfer innJavaScript brukes til å ta beslutninger ved å validere en bestemt verdi mot en gitt testbetingelse og utføre et bestemt kodesegment for et bestemt antall ganger til den gitte tilstanden er oppfylt. Det hjelper deg med å gjøre koden din kompakt. De løkker er forklart i denne artikkelen i følgende rekkefølge:

• JavaScript-løkker
  • For løkke
  • Mens løkke
  • Gjør-mens-løkke
  • For-in-løkke
  • Break Statement
  • Fortsett uttalelse

JavaScript-løkker

JavaScript-sløyfer gir en rask og enkel metode for å gjøre noe gjentatte ganger. De brukes til å gjenta en handling flere ganger uten å måtte gjenta samme linje med kode. Det er hovedsakelig to typer løkker:

• Inngangsstyrte sløyfer - I inngangskontrollert testes testtilstanden før den kommer inn i løkkehuset. For Loop og Mens Loop er inngangsstyrte sløyfer.

• Gå ut av kontrollerte sløyfer- I utgangskontrollert blir testtilstanden evaluert ved enden av sløyfekroppen. Derfor vil sløyfekroppen utføre minst en gang,uavhengig av om testforholdene er sanne eller falske. gjør-mens-løkke er en utgangskontrollert sløyfe.

  
  
  

La oss nå gå videre og diskutere de forskjellige metodene for å utføre JavaScript-sløyfer.

For Loop

Denne metoden gir en kortfattet måte å skrive sløyfestrukturen på. A for loop gjentas til en spesifisert tilstand evalueres til false.

Syntaks-

for (initialisering av tilstandstesting tilstandsøkning / reduksjon) {statement}

Eksempel-

// JavaScript-program for å illustrere for loop var x // for loop begynner når x = 1 // og løper til x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

Produksjon-

Verdi av x: 1 Verdi av x: 2 Verdi av x: 3 Verdi av x: 4

Mens Loop

En while-sløyfe er en kontrollflytsetning som gjør at koden kan kjøres gjentatte ganger basert på en bestemt boolsk tilstand. Denne sløyfen ligner på en gjentatt if-setning.

Syntaks-

while (boolean condition) {loop statements}

Eksempel-

// JavaScript-program for å illustrere mens loop var x = 1 // Avslutt når x blir større enn 5 mens (x<= 5) { document.write('Value of x:' + x + ' 
') // øk verdien av x for // neste iterasjon x ++}

Produksjon-

Verdi x: 1 Verdi x: 2 Verdi x: 3 Verdi x: 4 Verdi x: 5

Do-while Loop

Denne sløyfen ligner på mens sløyfen, men den eneste forskjellen er at den sjekker for tilstand etter at uttalelsene er utført. Dermed er det et eksempel på Exit Controlled Loop.

Syntaks-

gjør {uttalelser} mens (tilstand)

Eksempel-

// JavaScript-program for å illustrere do-while loop var x = 20 do {// hvis tilstanden er falsk document.write ('Verdi av x:' + x + ' 
') x ++} mens (x<10) 

Produksjon-

Verdien av x: 20

For-in Loop

Denne sløyfen gjentar en spesifisert variabel over alle de opptellbare egenskapene til et objekt. For hver enkelt eiendom vil JavaScript utføre de angitte utsagnene.

Syntaks-

for (variabelnavn i objekt) {uttalelser}

Eksempel-

// JavaScript-program for å illustrere for..in loop // skape et objekt var karakteristisk = {første: 'Navn', andre: 'Alder', tredje: 'Høyde', fjerde: 'Øyenfarge', femte: 'Nasjonalitet '} // itererer gjennom alle egenskapene til // objektegenskapene og skriver ut alle // ved hjelp av for..in loops for (itr i egenskaper) {document.write (egenskaper [itr] +' 
')}

Produksjon-

Navn Alder Høyde Øyenfarge Nasjonalitet

Break Statement

Brudduttalelsen brukes til å hoppe ut av en løkke. Det vil hjelpe deg med å bryte sløyfen og fortsette å utføre koden etter sløyfen.

Syntaks-

bryt etikettenavn

Eksempel-

var text = '' var i for (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + ' 
'}

Produksjon-

Nummeret er 0 Nummeret er 1 Nummeret er 2 Nummeret er 3 Nummeret er 4

Fortsett uttalelse

Fortsett-setningen bryter en iterasjon i løkken hvis en spesifisert tilstand oppstår, og fortsetter med neste iterasjon i sløyfen. Forskjellen mellom fortsett og pauseuttalelsen er at fortsettelsesuttalelsen 'hopper over' en iterasjon i løkken i stedet for å 'hoppe ut'.

Syntaks-

fortsett etikettnavn

Eksempel-

var text = '' var i for (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + ' 
'}

Produksjon-

Tallet er 0 Tallet er 1 Tallet er 3 Tallet er 4

Dette var de forskjellige metodene for å utføre JavaScript Loops. Med dette har vi kommet til slutten av artikkelen vår.

Nå som du vet om JavaScript-looper, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i 'JavaScript Loops', så kommer vi tilbake til deg.

System.exit-metoden vil avslutte applikasjonen.