Hur man bryter en JavaScript-loop och varför du bör göra det

Loopar i JavaScript låter dig upprepa kod, men ibland måste du lämna loopen för att hantera speciella fall. Det är här pausförklaringen kommer in i bilden. Ta reda på hur pausförklaringen fungerar och varför du behöver den.

Förstå JavaScript-loopar

JavaScript-loopar låter dig upprepa kod, hålla ditt program rent och minska upprepning. Slingor är ett viktigt begrepp som används i nästan alla program du skriver. Därför, om du precis har börjat lära dig JavaScript, bör du förstå loopar grundligt.

De olika typerna av JavaScript-loopar du behöver förstå inkluderar:

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

Alla dessa utför iterationer, men var och en har små nyanser som gör den lämplig för olika situationer. Syntaxen för varje looptyp är följande:

for (init; cond; next) {
    
} 

while (condition) {
    
} 

do {
    
} while (condition); 

for (property in object) {
    
} 

for (element of iterable) {
    
} 

Översikt över uttalandet ”paus”.

Break-satsen avslutar loopen tidigt. När loopen fortskrider, om en break-sats påträffas, stoppas loopen omedelbart. Detta gör att programmet fortsätter till nästa programsats efter loopen.

Break är användbart när du vill stoppa en loop vid en oförutsägbar punkt, snarare än att vänta på att ett stort antal iterationer ska köras eller att huvudvillkoret blir falskt. Det är en väldigt enkel syntax.

break; 

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

Dessa exempel visar hur man bryter ut ur varje tillgänglig JavaScript-loop. Var noga uppmärksam på värdena för lokala variabler och när de skrivs ut eller utvärderas.

Att bryta sig ur for-slingan

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

Den här koden använder en for-loop för att summera en array av element. Slingan itererar genom varje element i arrayen och summerar dem. Detta villkor kontrollerar om summan är större än 5. Om den är det, avslutar break-satsen loopen.

Att bryta sig ur while-slingan

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 elementen i en array. Slingan itererar över varje element i arrayen och beräknar produkten. Break-satsen i villkoret stoppar slingan när produkten överstiger 10.

Bryter sig ur Do…while-slingan

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

Do…while-slingan itererar genom siffrorna 1 till 10 och matar ut de jämna talen. Break-satsen i if-villkoret kontrollerar om loopräknaren är större än 5. Om villkoret är sant, lämna slingan.

Att bryta sig ur for…in-slingan

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

En loop itererar genom varje tecken i en sträng och sammanfogar dem. Här kontrollerar villkoret om loopindex är lika med 2. Om det är lika med 2, använd break för att lämna slingan.

Att bryta sig ut ur för…slingan

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

En loop itererar genom varje element i en array i omvänd ordning och sammanfogar elementen. När loopen stöter på värdet 3 avslutas den via break-satsen.

Vikten av att bryta slingan

Att bryta ur loopar är ett användbart sätt att optimera din kod. Att avsluta en loop tidigt förhindrar onödiga iterationer, minskar tidskomplexiteten och möjliggör effektiv hantering av fel.

För att stärka din förståelse, fokusera på att öva på hur du bryter ut ur olika JavaScript-loopar i ditt program.