JavaScript-lussen zijn essentieel voor het efficiënt afhandelen van repetitieve taken. Ze voeren een codeblok herhaaldelijk uit zolang een opgegeven voorwaarde waar blijft. Deze lussen zijn krachtige hulpmiddelen voor het automatiseren van taken en het stroomlijnen van uw code.

Stel dat we bijvoorbeeld willen afdrukken Hallo Wereld 5 keer. Dit kan eenvoudig worden gedaan met JS Loop. In Loop hoeft de instructie slechts één keer te worden geschreven en wordt de lus 5 keer uitgevoerd, zoals hieronder weergegeven:

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

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

Inhoudsopgave

• for loop
• herhalingslus
• doe-terwijl-lus
• for-in lus
• voor-van lus
• Gelabelde verklaring
• Break-verklaring
• Ga door met verklaring
• Oneindige lus (lusfout)

1. JavaScript voor lus

De JS voor lus biedt een beknopte manier om de lusstructuur te schrijven. De for-lus bevat initialisatie, voorwaarde en verhoging/verlaging op één regel, waardoor een kortere, eenvoudig te debuggen structuur van de lus ontstaat.

Syntaxis

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

Stroomdiagram

• Initialisatievoorwaarde: Het initialiseert de variabele en markeert het begin van een for-lus. Een reeds gedeclareerde variabele kan worden gebruikt of er kan een variabele worden gedeclareerd, alleen lokaal voor de lus.
• Test conditie: Het wordt gebruikt voor het testen van de uitgangsvoorwaarde van een for-lus. Het moet een Booleaanse waarde retourneren. Het is ook een Toegangscontrolelus omdat de voorwaarde wordt gecontroleerd voordat de lusinstructies worden uitgevoerd.
• Uitvoering verklaring: Zodra de voorwaarde als waar is beoordeeld, worden de instructies in de lusbody uitgevoerd.
• Verhogen/verlagen: Het wordt gebruikt voor het bijwerken van de variabele voor de volgende iteratie.
• Lusbeëindiging: Wanneer de voorwaarde onwaar wordt, eindigt de lus en markeert het einde van zijn levenscyclus.

Voorbeeld

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

De JS while-lus is een controlestroominstructie waarmee code herhaaldelijk kan worden uitgevoerd op basis van een bepaalde Booleaanse voorwaarde. De while-lus kan worden gezien als een herhalende if-instructie.

Syntaxis

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

Stroomdiagram

• Terwijl de lus begint met het controleren van de voorwaarde. Als wordt geëvalueerd dat het waar is, worden de body-instructies van de lus uitgevoerd, anders wordt de eerste instructie na de lus uitgevoerd. Om deze reden wordt het ook wel de Toegangscontrolelus
• Zodra de voorwaarde als waar is beoordeeld, worden de instructies in de lusbody uitgevoerd. Normaal gesproken bevatten de instructies een bijgewerkte waarde voor de variabele die wordt verwerkt voor de volgende iteratie.
• Wanneer de voorwaarde onwaar wordt, wordt de lus beëindigd, wat het einde van zijn levenscyclus markeert.

Voorbeeld

// 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-lus

De JS do-while-lus is vergelijkbaar met de while-lus, met als enige verschil dat deze controleert op de voorwaarde na het uitvoeren van de instructies, en daarom een ​​voorbeeld is van een Verlaat de controlelus. Het voert de lusinhoud ten minste uit zodra de voorwaarde onwaar is.

Syntaxis

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

Stroomdiagram

• De do-while-lus begint met de uitvoering van de instructie(s). Er wordt voor de eerste keer geen enkele voorwaarde gecontroleerd.
• Na het uitvoeren van de instructies en het bijwerken van de variabelewaarde wordt de voorwaarde gecontroleerd op waar of onwaar. Als wordt geëvalueerd dat het waar is, begint de volgende iteratie van de lus.
• Wanneer de voorwaarde onwaar wordt, wordt de lus beëindigd, wat het einde van zijn levenscyclus markeert.
• Het is belangrijk op te merken dat de do-while-lus zijn instructies minstens één keer zal uitvoeren voordat een voorwaarde wordt gecontroleerd en daarom een ​​voorbeeld is van de exit-controlelus.

Voorbeeld

let test = 1; do {  console.log(test);  test++; } while(test <= 5)>

1 2 3 4 5>

4. JavaScript for-in-lus

JS for-in-lus wordt gebruikt om de eigenschappen van een object te herhalen. De for-in-lus itereert alleen over die sleutels van een object waarvan de opsombare eigenschap is ingesteld op true.

Syntaxis

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

Voorbeeld: Dit voorbeeld toont het gebruik van een for-in-lus.

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 for-of-lus

JS for-of-lus wordt gebruikt om de itereerbare objecten te herhalen, bijvoorbeeld array, object, set en map. Het herhaalt direct de waarde van het gegeven itereerbare object en heeft een beknoptere syntaxis dan for-lus.

Syntaxis:

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

Voorbeeld: Dit voorbeeld toont het gebruik van een for-of-lus.

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

1 2 3 4 5>

6. Verklaring met JavaScript-label

JS-labeltrefwoord bevat geen goto-trefwoord. Gebruikers kunnen het trefwoord continue gebruiken met de labelinstructie. Bovendien kunnen gebruikers het trefwoord break gebruiken om de lus/blok te beëindigen. U kunt ook het trefwoord break gebruiken zonder het label te definiëren, maar het beëindigt alleen de bovenliggende lus/blok. Om de buitenste lus van de binnenste lus te beëindigen met behulp van het trefwoord break, moeten gebruikers het label definiëren.

Syntaxis

Label: statement (loop or block of code)>

Voorbeeld

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) {// Breek de buitenste lus van de binnenste lus, breek de buitenste lus;   } console.log('som = ' + som);   een++;   } }>

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

7. JavaScript Break-instructie

JS break-instructie wordt gebruikt om de uitvoering van de lus- of switch-instructie te beëindigen wanneer de voorwaarde waar is.

Syntaxis

break;>

Voorbeeld

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

1 2 3>

8. JavaScript Doorgaan-verklaring

JS vervolgverklaring wordt gebruikt om de iteratie van de lus te verbreken en te volgen met de volgende iteratie. De onderbreking in de iteratie is alleen mogelijk als de opgegeven voorwaarde zich gaat voordoen. Het belangrijkste verschil tussen de continue en break-instructie is dat de break-instructie volledig uit de lus breekt, terwijl continue wordt gebruikt om de ene instructie te verbreken en naar de volgende instructie te herhalen.

Syntaxis

continue;>

Voorbeeld

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

1 3 5 7 9>

9. JavaScript Oneindige lus (lusfout)

Een van de meest voorkomende fouten bij het implementeren van welke soort lus dan ook is dat deze nooit zal eindigen, dat wil zeggen dat de lus oneindig lang doorloopt. Dit gebeurt wanneer de voorwaarde om een ​​of andere reden mislukt.

Voorbeeld: Dit voorbeeld toont een oneindige lus.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (laat i = 5; i != 0; i -= 2) { console.log(i); } laat x = 5; // Oneindige lus omdat update-instructie // niet wordt gegeven while (x == 5) { console.log('In the loop'); }>