JavaScript-loopar är viktiga för att effektivt hantera repetitiva uppgifter. De exekverar ett kodblock upprepade gånger så länge som ett specificerat villkor förblir sant. Dessa loopar är kraftfulla verktyg för att automatisera uppgifter och effektivisera din kod.

Anta till exempel att vi vill skriva ut Hej världen 5 gånger. Detta kan enkelt göras med JS Loop. I Loop behöver satsen endast skrivas en gång och loopen kommer att exekveras 5 gånger enligt nedan:

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

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

Innehållsförteckning

• för Loop
• medan Loop
• gör-under loop
• för-in loop
• for-of Loop
• Märkt uttalande
• Paus uttalande
• Fortsätt uttalande
• Oändlig loop (loopfel)

1. JavaScript för Loop

De JS för loop ger ett kortfattat sätt att skriva loopstrukturen. For-slingan innehåller initiering, villkor och ökning/minskning på en rad, vilket ger en kortare struktur för looping som är lätt att felsöka.

Syntax

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

Flödesschema

• Initieringsvillkor: Den initierar variabeln och markerar början på en for-loop. En redan deklarerad variabel kan användas eller en variabel kan deklareras, endast lokal till loop.
• Testvillkor: Den används för att testa utgångsvillkoret för en for-loop. Den måste returnera ett booleskt värde. Det är också en Entry Control Loop eftersom villkoret kontrolleras före exekvering av loop-satserna.
• Utförande av uttalande: När villkoret har utvärderats vara sant, exekveras satserna i loopkroppen.
• Öka/minska: Den används för att uppdatera variabeln för nästa iteration.
• Slingavslutning: När villkoret blir falskt, avslutas slingan och markerar slutet på dess livscykel.

Exempel

// 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 medan Loop

De JS medan loop är en kontrollflödessats som tillåter att kod exekveras upprepade gånger baserat på ett givet booleskt tillstånd. While-slingan kan ses som en repeterande if-sats.

Syntax

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

Flödesschema

• While loop börjar med att kontrollera tillståndet. Om det bedöms vara sant, exekveras loopkroppssatserna annars exekveras den första satsen efter slingan. Av denna anledning kallas det också Ingångskontrollslinga
• När villkoret har utvärderats vara sant, exekveras satserna i loopkroppen. Normalt innehåller satserna ett uppdaterat värde för variabeln som bearbetas för nästa iteration.
• När villkoret blir falskt avslutas slingan vilket markerar slutet på dess livscykel.

Exempel

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

1 2 3 4 5>

3. JavaScript do-while loop

De JS do-while loop liknar while-slingan med den enda skillnaden är att den söker efter villkoret efter exekvering av satserna, och är därför ett exempel på en Avsluta kontrollslingan. Den exekverar loopinnehåll minst en gång händelsen villkoret är falskt.

Syntax

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

Flödesschema

• Do-while-loopen börjar med exekveringen av satsen/satserna. Det görs ingen kontroll av något tillstånd för första gången.
• Efter exekvering av satserna och uppdatering av variabelvärdet kontrolleras villkoret för ett sant eller falskt värde. Om det bedöms vara sant, startar nästa iteration av slingan.
• När villkoret blir falskt avslutas slingan vilket markerar slutet på dess livscykel.
• Det är viktigt att notera att do-while loop kommer att exekvera sina satser minst en gång innan något villkor kontrolleras och är därför ett exempel på exit control loop.

Exempel

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 används för att iterera över ett objekts egenskaper. For-in-slingan itererar endast över de nycklar för ett objekt som har sin uppräknade egenskap satt till true.

Syntax

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

Exempel: Detta exempel visar användningen 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 för-of-loop

JS for-of loop används för att iterera de itererbara objekten till exempel - array, objekt, set och map. Den itererar direkt värdet av det givna itererbara objektet och har mer koncis syntax än för loop.

Syntax:

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

Exempel: Detta exempel visar användningen av for-of loop.

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

1 2 3 4 5>

6. JavaScript-märkt uttalande

JS-etikett nyckelord innehåller inte ett goto-sökord. Användare kan använda nyckelordet fortsätt med etikettsatsen. Dessutom kan användare använda nyckelordet break för att avsluta loopen/blocket. Du kan också använda nyckelordet break utan att definiera etiketten men det avslutar bara den överordnade loopen/blocket. För att avsluta den yttre slingan från den inre slingan med nyckelordet break måste användarna definiera etiketten.

Syntax

Label: statement (loop or block of code)>

Exempel

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 yttre slinga från inre slinga bryt yttre slinga;   } console.log('summa = ' + summa);   a++;   } }>

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

7. JavaScript-avbrott

JS paus uttalande används för att avsluta exekveringen av loop- eller switch-satsen när villkoret är sant.

Syntax

break;>

Exempel

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

1 2 3>

8. JavaScript Fortsätt uttalande

JS fortsätter uttalandet används för att bryta slingans iteration och följa med nästa iteration. Avbrottet i iterationen är endast möjligt när det angivna tillståndet kommer att inträffa. Den stora skillnaden mellan continu- och break-satsen är att break-satsen bryter ut ur loopen helt medan continu används för att bryta ett uttalande och iterera till nästa sats.

Syntax

continue;>

Exempel

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

1 3 5 7 9>

9. JavaScript Infinite Loop (loopfel)

Ett av de vanligaste misstagen när man implementerar någon form av loop är att den kanske aldrig avslutas, det vill säga loopen körs i oändliga tider. Detta händer när tillståndet misslyckas av någon anledning.

Exempel: Detta exempel visar en oändlig loop.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. för (låt i = 5; i != 0; i -= 2) { console.log(i); } låt x = 5; // Oändlig loop eftersom uppdateringssatsen // inte tillhandahålls medan (x == 5) { console.log('I loopen'); }>