JavaScript-løkker er afgørende for effektiv håndtering af gentagne opgaver. De udfører en blok kode gentagne gange, så længe en specificeret betingelse forbliver sand. Disse loops er kraftfulde værktøjer til at automatisere opgaver og strømline din kode.

Antag for eksempel, at vi vil udskrive Hej Verden 5 gange. Dette kan nemt gøres ved hjælp af JS Loop. I Loop skal udsagnet kun skrives én gang, og loopet vil blive udført 5 gange som vist nedenfor:

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

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

Indholdsfortegnelse

• for Loop
• mens Loop
• gør-mens-løkke
• for-in Loop
• for-of Loop
• Mærket erklæring
• Pauseerklæring
• Fortsæt erklæring
• Uendelig sløjfe (løkkefejl)

1. JavaScript til Loop

Det JS for loop giver en kortfattet måde at skrive sløjfestrukturen på. For-løkken indeholder initialisering, tilstand og stigning/nedsættelse på én linje, hvilket giver en kortere, let-at-fejlfinde struktur for looping.

Syntaks

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

Flowchart

• Initialiseringsbetingelse: Den initialiserer variablen og markerer starten på en for-løkke. En allerede erklæret variabel kan bruges, eller en variabel kan erklæres, kun lokal til sløjfe.
• Testtilstand: Det bruges til at teste udgangstilstanden for en for-løkke. Den skal returnere en boolesk værdi. Det er også en Entry Control Loop da betingelsen kontrolleres før udførelse af loop-sætningerne.
• Udførelse af erklæring: Når betingelsen er vurderet til at være sand, udføres sætningerne i loop-kroppen.
• Øge/reducere: Den bruges til at opdatere variablen til næste iteration.
• Sløjfeterminering: Når betingelsen bliver falsk, afsluttes løkken og markerer afslutningen på dens livscyklus.

Eksempel

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

Det JS mens loop er en kontrolflow-sætning, der tillader, at kode udføres gentagne gange baseret på en given boolesk tilstand. While-løkken kan opfattes som en repeterende if-sætning.

Syntaks

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

Flowchart

• Mens loop starter med at kontrollere tilstanden. Hvis det vurderes til at være sandt, udføres loop body-sætningerne ellers udføres den første sætning efter løkken. Af denne grund kaldes det også Indgangskontrolsløjfe
• Når betingelsen er vurderet til at være sand, udføres sætningerne i loop-kroppen. Normalt indeholder udsagn en opdateret værdi for den variabel, der behandles til næste iteration.
• Når betingelsen bliver falsk, afsluttes løkken, hvilket markerer afslutningen på dens livscyklus.

Eksempel

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

1 2 3 4 5>

3. JavaScript gør-mens-løkke

Det JS do-while loop ligner while-løkken med den eneste forskel er, at den kontrollerer for betingelsen efter at have udført sætningerne, og derfor er et eksempel på en Afslut kontrolsløjfe. Den udfører loop-indhold mindst én gang, hvor betingelsen er falsk.

Syntaks

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

Flowchart

• Do-while-løkken starter med udførelsen af ​​sætningen/sætningerne. Der er ingen kontrol af nogen tilstand for første gang.
• Efter udførelsen af ​​udsagn og opdatering af variabelværdien kontrolleres betingelsen for en sand eller falsk værdi. Hvis det vurderes at være sandt, starter den næste iteration af løkken.
• Når betingelsen bliver falsk, afsluttes løkken, hvilket markerer afslutningen på dens livscyklus.
• Det er vigtigt at bemærke, at do-while-løkken vil udføre sine sætninger mindst én gang, før nogen betingelse kontrolleres, og derfor er et eksempel på exit-kontrolløkken.

Eksempel

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 bruges til at iterere over et objekts egenskaber. For-in-løkken itererer kun over de nøgler til et objekt, som har deres numerable egenskab sat til sand.

Syntaks

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

Eksempel: Dette eksempel viser brugen af ​​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 for-of Loop

JS for-of-løkke bruges til at iterere de iterable objekter for eksempel - array, objekt, sæt og kort. Det itererer direkte værdien af ​​det givne iterable objekt og har mere kortfattet syntaks end for loop.

Syntaks:

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

Eksempel: Dette eksempel viser brugen af ​​for-of-løkke.

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

1 2 3 4 5>

6. JavaScript-mærket erklæring

JS etiket søgeord indeholder ikke et goto-søgeord. Brugere kan bruge søgeordet fortsæt med etiketsætningen. Desuden kan brugere bruge søgeordet break til at afslutte løkken/blokken. Du kan også bruge søgeordet break uden at definere etiketten, men det afslutter kun den overordnede sløjfe/blok. For at afslutte den ydre løkke fra den indre løkke ved hjælp af nøgleordet break, skal brugerne definere etiketten.

Syntaks

Label: statement (loop or block of code)>

Eksempel

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) { // Bryd ydre løkke fra indre løkke bryde ydre løkke;   } console.log('sum = ' + sum);   a++;   } }>

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

7. JavaScript Break Statement

JS pauseerklæring bruges til at afslutte udførelsen af ​​loop- eller switch-sætningen, når betingelsen er sand.

Syntaks

break;>

Eksempel

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

1 2 3>

8. JavaScript Fortsæt-erklæring

JS fortsætter udtalelsen bruges til at bryde løkkens iteration og følge med den næste iteration. Afbrydelsen i iteration er kun mulig, når den angivne tilstand vil opstå. Den største forskel mellem continu- og break-sætningen er, at break-sætningen bryder fuldstændigt ud af løkken, mens continue bruges til at bryde en sætning og gentage den næste sætning.

Syntaks

continue;>

Eksempel

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

1 3 5 7 9>

9. JavaScript Infinite Loop (løkkefejl)

En af de mest almindelige fejl under implementering af enhver form for løkke er, at den måske aldrig afsluttes, dvs. løkken kører i uendelige tider. Dette sker, når tilstanden fejler af en eller anden grund.

Eksempel: Dette eksempel viser en uendelig løkke.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (lad i = 5; i != 0; i -= 2) { console.log(i); } lad x = 5; // Uendelig sløjfe fordi opdateringssætning // ikke er angivet mens (x == 5) { console.log('I sløjfen'); }>