JavaScript-løkker er avgjørende for effektiv håndtering av repeterende oppgaver. De utfører en blokk med kode gjentatte ganger så lenge en spesifisert betingelse forblir sann. Disse løkkene er kraftige verktøy for å automatisere oppgaver og effektivisere koden din.

Anta for eksempel at vi ønsker å skrive ut Hei Verden 5 ganger. Dette kan enkelt gjøres ved å bruke JS Loop. I Loop må setningen bare skrives én gang, og loopen vil bli utført 5 ganger som vist nedenfor:

for (let i = 0; i < 5; i++) {  console.log('Hello World!'); }>

Hello World! Hello World! Hello World! Hello World! Hello World!>

Innholdsfortegnelse

• for Loop
• mens Loop
• gjør-mens-løkke
• for-in-løkke
• for-of Loop
• Merket erklæring
• Pauseerklæring
• Fortsett uttalelse
• Uendelig sløyfe (løkkefeil)

1. JavaScript for Loop

De JS for loop gir en kortfattet måte å skrive løkkestrukturen på. For-løkken inneholder initialisering, tilstand og økning/nedgang på én linje, og gir dermed en kortere struktur for looping som er lett å feilsøke.

Syntaks

for (initialization; testing condition; increment/decrement) { statement(s) }>

Flytskjema

• Initialiseringstilstand: Den initialiserer variabelen og markerer starten på en for-løkke. En allerede erklært variabel kan brukes eller en variabel kan deklareres, kun lokal til loop.
• Testforhold: Den brukes til å teste utgangstilstanden til en for-løkke. Den må returnere en boolsk verdi. Det er også en Entry Control Loop ettersom tilstanden kontrolleres før kjøringen av loop-setningene.
• Utførelse av erklæring: Når betingelsen er evaluert til å være sann, blir setningene i loop-kroppen utført.
• Øk/minsk: Den brukes til å oppdatere variabelen for neste iterasjon.
• Sløyfeavslutning: Når tilstanden blir falsk, avsluttes løkken og markerer slutten på livssyklusen.

Eksempel

// JavaScript program to illustrate for loop let x; // for loop begins when x = 2 // and runs till x <= 4 for (x = 2; x <= 4; x++) {  console.log('Value of x: ' + x); }>

Value of x: 2 Value of x: 3 Value of x: 4>

2. JavaScript mens Loop

De JS mens loop er en kontrollflytsetning som lar kode utføres gjentatte ganger basert på en gitt boolsk tilstand. While-løkken kan betraktes som en repeterende if-setning.

Syntaks

while (boolean condition) { loop statements... }>

Flytskjema

• Mens loop starter med å sjekke tilstanden. Hvis det er evaluert til å være sant, kjøres loop body-setningene ellers utføres den første setningen etter loopen. Av denne grunn kalles det også Entry control loop
• Når betingelsen er evaluert til å være sann, blir setningene i loop-kroppen utført. Normalt inneholder setningene en oppdatert verdi for variabelen som behandles for neste iterasjon.
• Når tilstanden blir falsk, avsluttes sløyfen som markerer slutten på livssyklusen.

Eksempel

// JavaScript code to use while loop let val = 1; while (val < 6) {  console.log(val);   val += 1; }>

1 2 3 4 5>

3. JavaScript gjør-mens-løkke

De JS do-while loop ligner på while-løkken med den eneste forskjellen er at den sjekker for tilstanden etter å ha utført setningene, og er derfor et eksempel på en Avslutt kontrollsløyfe. Den kjører sløyfeinnhold minst en gang hendelsen betingelsen er falsk.

Syntaks

do { Statements... } while (condition);>

Flytskjema

• Do-while-løkken starter med utførelsen av setningen(e). Det er ingen kontroll av noen tilstand for første gang.
• Etter utførelse av setningene og oppdatering av variabelverdien, sjekkes betingelsen for en sann eller usann verdi. Hvis det vurderes til å være sant, starter neste iterasjon av løkken.
• Når tilstanden blir falsk, avsluttes sløyfen som markerer slutten på livssyklusen.
• Det er viktig å merke seg at do-while-sløyfen vil utføre setningene sine minst én gang før en hvilken som helst betingelse kontrolleres, og er derfor et eksempel på utgangskontrollsløyfen.

Eksempel

let test = 1; do {  console.log(test);  test++; } while(test <= 5)>

1 2 3 4 5>

4. JavaScript for-in Loop

JS for-in loop brukes til å iterere over egenskapene til et objekt. For-in-løkken itererer bare over de nøklene til et objekt som har den opptalbare egenskapen satt til sann.

Syntaks

for(let variable_name in object_name) { // Statement }>

Eksempel: Dette eksemplet viser bruken av for-in loop.

let myObj = { x: 1, y: 2, z: 3 }; for (let key in myObj) {  console.log(key, myObj[key]); }>

x 1 y 2 z 3>

5. JavaScript for-of Loop

JS for-of-løkke brukes til å iterere gjentakbare objekter for eksempel - array, objekt, sett og kart. Den itererer direkte verdien til det gitte itererbare objektet og har mer konsis syntaks enn for loop.

Syntaks:

for(let variable_name of object_name) { // Statement }>

Eksempel: Dette eksemplet viser bruken av for-of-løkke.

let arr = [1, 2, 3, 4, 5]; for (let value of arr) {  console.log(value); }>

1 2 3 4 5>

6. JavaScript-merket erklæring

JS-etikett nøkkelord inkluderer ikke et goto-nøkkelord. Brukere kan bruke nøkkelordet fortsett med etikettsetningen. Videre kan brukere bruke nøkkelordet break for å avslutte loopen/blokken. Du kan også bruke nøkkelordet break uten å definere etiketten, men det avslutter bare den overordnede løkken/blokken. For å avslutte den ytre sløyfen fra den indre sløyfen ved å bruke nøkkelordet break, må brukere definere etiketten.

Syntaks

Label: statement (loop or block of code)>

Eksempel

let sum = 0, a = 1;  // Label for outer loop  outerloop: while (true) {   a = 1;   // Label for inner loop   innerloop: while (a < 3) {   sum += a;   if (sum>12) { // Bryt ytre løkke fra indre løkke bryte ytre løkke;   } console.log('sum = ' + sum);   a++;   } }>

sum = 1 sum = 3 sum = 4 sum = 6 sum = 7 sum = 9 sum = 10 sum = 12>

7. JavaScript-brudderklæring

JS pauseerklæring brukes til å avslutte utførelsen av loop- eller switch-setningen når betingelsen er sann.

Syntaks

break;>

Eksempel

for (let i = 1; i < 6; i++) {  if (i == 4)   break;    console.log(i); }>

1 2 3>

8. JavaScript Fortsett-erklæring

JS fortsetter uttalelsen brukes til å bryte iterasjonen av loopen og følge med neste iterasjon. Pausen i iterasjon er bare mulig når den spesifiserte tilstanden skal inntreffe. Den største forskjellen mellom continu- og break-setningen er at break-setningen bryter helt ut av loopen mens continue brukes til å bryte en setning og iterere til neste setning.

Syntaks

continue;>

Eksempel

for (let i = 0; i < 11; i++) {  if (i % 2 == 0)   continue;    console.log(i); }>

1 3 5 7 9>

9. JavaScript Infinite Loop (løkkefeil)

En av de vanligste feilene når du implementerer noen form for sløyfe, er at den kanskje aldri avsluttes, det vil si at sløyfen går i uendelig tid. Dette skjer når tilstanden svikter av en eller annen grunn.

Eksempel: Dette eksemplet viser en uendelig sløyfe.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (la i = 5; i != 0; i -= 2) { console.log(i); } la x = 5; // Uendelig loop fordi oppdateringssetningen // ikke er gitt mens (x == 5) { console.log('I loopen'); }>