Zanke JavaScript so bistvenega pomena za učinkovito obravnavanje ponavljajočih se nalog. Ponavljajo se pri izvajanju bloka kode, dokler ostaja določen pogoj resničen. Te zanke so zmogljiva orodja za avtomatizacijo opravil in racionalizacijo kode.

Na primer, recimo, da želimo tiskati Pozdravljen, svet 5-krat. To lahko preprosto storite z uporabo JS Loop. V zanki je treba stavek napisati samo enkrat in zanka bo izvedena 5-krat, kot je prikazano spodaj:

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

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

Kazalo

• za Loop
• medtem ko Loop
• do-while Loop
• for-in Loop
• for-of Loop
• Izjava z oznako
• Break Statement
• Nadaljujte z izjavo
• Neskončna zanka (napaka zanke)

1. JavaScript za zanko

The JS za zanko zagotavlja jedrnat način pisanja strukture zanke. Zanka for vsebuje inicializacijo, pogoj in povečanje/zmanjšanje v eni vrstici, s čimer zagotavlja krajšo strukturo zanke, ki jo je enostavno odpraviti.

Sintaksa

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

Diagram poteka

• Inicializacijski pogoj: Inicializira spremenljivko in označi začetek zanke for. Uporabite lahko že deklarirano spremenljivko ali pa deklarirate spremenljivko, samo lokalno za zanko.
• Testni pogoj: Uporablja se za testiranje izhodnega pogoja zanke for. Vrniti mora logično vrednost. Je tudi an Vstopna krmilna zanka saj se pogoj preveri pred izvedbo stavkov zanke.
• Izvedba izjave: Ko je pogoj ocenjen kot resničen, se izvedejo stavki v telesu zanke.
• Povečanje/zmanjšanje: Uporablja se za posodabljanje spremenljivke za naslednjo ponovitev.
• Prekinitev zanke: Ko pogoj postane napačen, se zanka prekine in označi konec njenega življenjskega cikla.

Primer

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

The JS while zanka je stavek nadzornega toka, ki omogoča ponavljajoče se izvajanje kode na podlagi danega logičnega pogoja. Zanko while si lahko predstavljamo kot ponavljajoč se stavek if.

Sintaksa

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

Diagram poteka

• Medtem ko se zanka začne s preverjanjem pogoja. Če je ocenjeno kot resnično, se izvedejo stavki telesa zanke, sicer se izvede prvi stavek, ki sledi zanki. Zaradi tega se imenuje tudi Vstopna krmilna zanka
• Ko je pogoj ocenjen kot resničen, se izvedejo stavki v telesu zanke. Običajno izjave vsebujejo posodobljeno vrednost za spremenljivko, ki se obdeluje za naslednjo iteracijo.
• Ko pogoj postane napačen, se zanka prekine, kar pomeni konec njenega življenjskega cikla.

Primer

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

The JS do-while zanka je podobna zanki while z edino razliko, da preveri pogoj po izvedbi stavkov in je zato primer Izhod iz nadzorne zanke. Izvede vsebino zanke vsaj enkrat, če je pogoj napačen.

Sintaksa

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

Diagram poteka

• Zanka do-while se začne z izvedbo stavkov. Prvič ni preverjanja nobenega stanja.
• Po izvedbi stavkov in posodobitvi vrednosti spremenljivke se pogoj preveri glede prave ali napačne vrednosti. Če je ocenjeno kot resnično, se začne naslednja ponovitev zanke.
• Ko pogoj postane napačen, se zanka prekine, kar pomeni konec njenega življenjskega cikla.
• Pomembno je omeniti, da bo zanka do-while svoje stavke izvedla vsaj enkrat, preden se preveri kateri koli pogoj, in je zato primer izhodne nadzorne zanke.

Primer

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

1 2 3 4 5>

4. JavaScript for-in Loop

JS for-in zanka se uporablja za ponavljanje lastnosti predmeta. Zanka for-in ponavlja samo tiste ključe predmeta, katerih lastnost enumerable je nastavljena na true.

Sintaksa

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

primer: Ta primer prikazuje uporabo zanke for-in.

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 zanka se uporablja za ponavljanje predmetov, ki jih je mogoče ponoviti, na primer – niz, objekt, niz in zemljevid. Neposredno ponavlja vrednost danega objekta, ki ga je mogoče ponoviti, in ima bolj jedrnato sintakso kot zanka for.

Sintaksa:

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

primer: Ta primer prikazuje uporabo zanke for-of.

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

1 2 3 4 5>

6. Izjava z oznako JavaScript

Ključna beseda oznake JS ne vključuje ključne besede goto. Uporabniki lahko s stavkom label uporabijo ključno besedo continue. Poleg tega lahko uporabniki uporabijo ključno besedo break za prekinitev zanke/blokade. Uporabite lahko tudi ključno besedo break brez definiranja oznake, vendar prekine samo nadrejeno zanko/blok. Če želite prekiniti zunanjo zanko iz notranje zanke s ključno besedo break, morajo uporabniki določiti oznako.

Sintaksa

Label: statement (loop or block of code)>

Primer

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) { // Prekini zunanjo zanko iz notranje zanke prekini zunanjo zanko;   } console.log('vsota = ' + vsota);   a++;   } }>

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

7. Izjava o prekinitvi JavaScripta

Stavek preloma JS se uporablja za prekinitev izvajanja stavka zanke ali preklopa, ko je pogoj resničen.

Sintaksa

break;>

Primer

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

1 2 3>

8. Izjava o nadaljevanju JavaScripta

JS nadaljevanje izjave se uporablja za prekinitev ponovitve zanke in sledenje z naslednjo ponovitvijo. Prekinitev ponovitve je možna le, ko se bo pojavil podani pogoj. Glavna razlika med stavkom continue in break je v tem, da stavek break popolnoma izstopi iz zanke, medtem ko se continue uporablja za prekinitev enega stavka in ponavljanje do naslednjega stavka.

Sintaksa

continue;>

Primer

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

1 3 5 7 9>

9. Neskončna zanka JavaScript (napaka zanke)

Ena najpogostejših napak pri izvajanju katere koli vrste zanke je, da se morda ne bo nikoli izklopila, kar pomeni, da se zanka izvaja neskončno dolgo. To se zgodi, ko pogoj iz nekega razloga ne uspe.

primer: Ta primer prikazuje neskončno zanko.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (naj bo i = 5; i != 0; i -= 2) { console.log(i); } naj bo x = 5; // Neskončna zanka, ker izjava o posodobitvi // ni na voljo while (x == 5) { console.log('V zanki'); }>