Innehållsförteckning
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:
Slingtyp |
Syntax |
Beskrivning |
---|---|---|
för |
for (init; cond; next) { |
Kör ett kodblock så länge som ett specificerat villkor (cond) är sant. Initieringsuttrycket (init) körs en gång, i början av loopen, medan nästa uttryck körs varje gång loopen når slutet av kodblocket. |
medan |
while (condition) { |
Kör ett kodblock så länge som ett angivet villkor är sant. |
göra medan |
do { |
Kör ett kodblock så länge som ett angivet villkor är sant. Kontrollerar tillståndet efter att ha kört kodblocket, så kommer alltid att köras minst en gång. |
för…in |
for (property in object) { |
Kör ett kodblock för varje egenskap hos ett objekt. |
för av |
for (element of iterable) { |
Kör ett kodblock för varje element i ett itererbart objekt, som en array, sträng eller karta. |
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.