Hvordan bryte JavaScript-løkker og hvorfor du kanskje trenger det

Viktige takeaways

  • JavaScript-løkker er avgjørende for å gjenta kode, og det er avgjørende å forstå deres syntaks og nyanser.
  • Break-setningen lar deg avslutte en sløyfe tidlig, noe som muliggjør mer effektiv kodekjøring.
  • Å bryte ut av en sløyfe kan optimalisere koden din, forhindre unødvendige iterasjoner og bidra til å håndtere feil effektivt.

JavaScripts looper lar deg gjenta kode, men du må noen ganger avslutte en loop for å håndtere et spesielt tilfelle. Det er her pauseerklæringen kommer inn. Finn ut hvordan pauseerklæringen fungerer og hvorfor du kanskje trenger den.

Forstå JavaScript-løkker

JavaScript-løkker lar deg gjenta kode, holde programmet rent og redusere repetisjon. Loops er et viktig konsept som nesten alle programmer du skriver vil bruke. Så hvis du akkurat har begynt å lære JavaScript, bør du sørge for at du forstår loops grundig.

  Hvor mye Internett-hastighet trenger du egentlig?

De forskjellige typene JavaScript-løkker du bør være kjent med inkluderer:

  • for løkke
  • mens loop
  • gjør … mens loop
  • for … i loop
  • for … av loop

De utfører alle iterasjoner, men har små nyanser som gjør hver egnet for forskjellige situasjoner. Slik ser syntaksen til hver sløyfetype ut:

Løkketype

Syntaks

Beskrivelse

til

for (init; cond; next) {
    
}

Kjører en kodeblokk så lenge en spesifisert betingelse (kondisjon) er sann. Initialiseringsuttrykket (init) kjører én gang, i begynnelsen av løkken, mens det neste uttrykket kjører hver gang løkken når slutten av kodeblokken.

samtidig som

while (condition) {
    
}

Kjører en kodeblokk så lenge en spesifisert betingelse er sann.

gjør mens

do {
    
} while (condition);

Kjører en kodeblokk så lenge en spesifisert betingelse er sann. Sjekker tilstanden etter å ha kjørt kodeblokken, så vil alltid kjøre minst én gang.

for i

for (property in object) {
    
}

Kjører en kodeblokk for hver egenskap til et objekt.

for … av

for (element of iterable) {
    
}

Kjører en kodeblokk for hvert element i et gjentakbart objekt, som en matrise, streng eller kart.

En introduksjon til «pause»-erklæringen

Pausesetningen avslutter en sløyfe tidlig. Når sløyfen skrider frem, stopper den umiddelbart ved kontakt med break-setningen. Dette får programmet til å gå videre til neste setning etter loopen.

  Hva er Wisenet DVR-standardpassordet?

break er nyttig for å stoppe en sløyfe på et uforutsigbart punkt, i stedet for å vente på at et antall iterasjoner skal kjøre, eller at hovedbetingelsen blir falsk. Den har en veldig enkel syntaks:

break; 

Hvordan bruke «break» i forskjellige JavaScript-løkker

Disse eksemplene viser hvordan du kan bryte ut av hver av de tilgjengelige JavaScript-løkkene. Vær nøye med verdiene til lokale variabler og når de skrives ut eller evalueres.

Bryte ut av en for loop

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < numbers.length; i++)
{
    sum += numbers[i];

    if (sum > 5)
    {
        break;
    }
}

console.log(sum);

Denne koden summerer en rekke elementer ved å bruke en for-løkke. Løkken itererer over hvert element i matrisen og summerer dem. Betingelsen sjekker om summen overstiger 5. I så fall avslutter break-setningen sløyfen.

Bryte ut av en while-løkke

const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0;

while (i < numbers.length)
{
    product *= numbers[i];

    if (product > 10)
    {
        break;
    }

    i++;
}

console.log(product);

Denne koden bruker en while-løkke for å finne produktet av elementer i en matrise. Løkken itererer over hvert element i matrisen og beregner produktet. En pauseerklæring i betingelsen vil stoppe sløyfen når produktet overskrider 10.

  Hvordan fryse Planet Fitness-medlemskap

Bryte ut av en Do … Mens Loop

let i = 1;

do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }

    i++;

    if (i > 5)
    {
       break;
    }
} while (i <= 10);

Do…while-løkken itererer over tallene fra 1 til 10, og skriver ut partall. Pausesetningen i if-betingelsen sjekker om sløyfetelleren overstiger 5. Den fortsetter å gå ut av sløyfen hvis betingelsen er sann.

Bryte ut av en for…in-løkke

const sentence = "Hello";
let result = "";

for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }

    result += sentence[index];
}

console.log(result);

Løkken itererer over hvert tegn i strengen og setter dem sammen. Her sjekker betingelsen om sløyfeindeksen er lik 2. Hvis den er det, går den ut av sløyfen ved hjelp av pause.

Bryte ut av en for … av loop

const numbers = [1, 2, 3, 4, 5];

for (let num of numbers.reverse())
{
    console.log(num);

    if (num === 3)
    {
        break;
    }
}

Sløyfen itererer over hvert element i matrisen i omvendt rekkefølge, og setter dem sammen. Hvis sløyfen møter verdien 3, vil den avsluttes via break-setningen.

Viktigheten av å bryte løkker

Å bryte ut av en loop kan være en nyttig måte å optimalisere koden på. Å gå ut av loops tidlig kan forhindre unødvendige iterasjoner, redusere tidskompleksiteten og tillate deg å håndtere feil effektivt.

Fokuser på å øve på hvordan du bryter ut av de forskjellige JavaScript-løkkene i programmene dine for å styrke forståelsen din.