Hur man bryter JavaScript-loopar och varför du kan behöva

Viktiga takeaways

• JavaScript-loopar är viktiga för att repetera kod, och att förstå deras syntax och nyanser är avgörande.
• Break-satsen låter dig avsluta en loop tidigt, vilket möjliggör effektivare kodexekvering.
• Att bryta sig ur en loop kan optimera din kod, förhindra onödiga iterationer och hjälpa till att hantera fel effektivt.

JavaScripts loopar låter dig upprepa kod, men ibland måste du lämna en loop för att hantera ett specialfall. Det är här break statementet kommer in. Ta reda på hur break statementet fungerar och varför du kan behöva det.

Förstå JavaScript-loopar

JavaScript-loopar låter dig upprepa kod, hålla ditt program rent och minska upprepning. Slingor är ett viktigt koncept som nästan alla program du skriver kommer att använda. Så om du precis har börjat lära dig JavaScript bör du se till att du förstår loopar ordentligt.

De olika typerna av JavaScript-loopar du bör känna till inkluderar:

• för slinga
• medan loop
• gör … medan loop
• för … i loop
• för … av loop

De utför alla iterationer men har små nyanser som gör var och en lämplig för olika situationer. Så här ser syntaxen för varje looptyp ut:

for (init; cond; next) {
    
} 

while (condition) {
    
} 

do {
    
} while (condition); 

for (property in object) {
    
} 

for (element of iterable) {
    
} 

En introduktion till ”paus”-förklaringen

Paussatsen avslutar en loop tidigt. När loopen fortskrider, vid kontakt med break-satsen, stannar den omedelbart. Detta gör att programmet går vidare till nästa programsats efter loopen.

break är användbart för att stoppa en loop vid en oförutsägbar punkt, snarare än att vänta på att ett antal iterationer ska köras, eller för att huvudvillkoret ska bli falskt. Den har en mycket enkel syntax:

break; 

Hur man använder ”break” i olika JavaScript-loopar

Dessa exempel visar hur du kan bryta dig ur alla tillgängliga JavaScript-loopar. Var noggrann uppmärksam på värdena för lokala variabler och när de skrivs ut eller utvärderas.

Att bryta sig ur en för 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); 
 

Denna kod summerar en array av element som använder en for-loop. Slingan itererar över varje element i arrayen och summerar dem. Villkoret kontrollerar om summan överstiger 5. Om så är fallet avslutar break-satsen loopen.

Att bryta sig ur en while-loop

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); 
 

Den här koden använder en while-loop för att hitta produkten av element i en array. Slingan itererar över varje element i arrayen och beräknar produkten. En break-sats i villkoret kommer att stoppa loopen när produkten överstiger 10.

Att bryta sig ur en do…while loop

let i = 1;
do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }
    i++;
    if (i > 5)
    {
       break; 
    }
} while (i <= 10);
 

Do…while-slingan itererar över talen från 1 till 10 och skriver ut jämna nummer. Breaksatsen inom if-villkoret kontrollerar om loopräknaren överstiger 5. Den fortsätter att lämna loopen om villkoret är sant.

Att bryta sig ur en for…in loop

const sentence = "Hello";
let result = "";
for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }
    result += sentence[index];
}
console.log(result);
 

Slingan itererar över varje tecken i strängen och sammanfogar dem. Här kontrollerar villkoret om loopindex är lika med 2. Om det är det, lämnar det loopen med break.

Att bryta sig ur en för…slinga

const numbers = [1, 2, 3, 4, 5];
for (let num of numbers.reverse())
{
    console.log(num);
    if (num === 3)
    {
        break;
    }
}
 

Slingan itererar över varje element i arrayen i omvänd ordning och sammanfogar dem. Om slingan stöter på värdet 3 kommer den att avslutas via break-satsen.

Vikten av att bryta loopar

Att bryta sig ur en loop kan vara ett användbart sätt att optimera din kod. Att avsluta loopar tidigt kan förhindra onödiga iterationer, minska tidskomplexiteten och göra det möjligt för dig att hantera fel effektivt.

Fokusera på att öva på hur du bryter ut ur de olika JavaScript-looparna i dina program för att stärka din förståelse.