JavaScript cilpas ir būtiskas, lai efektīvi apstrādātu atkārtotus uzdevumus. Viņi izpilda koda bloku atkārtoti, kamēr norādītais nosacījums paliek patiess. Šīs cilpas ir spēcīgi rīki uzdevumu automatizēšanai un koda racionalizēšanai.

Piemēram, pieņemsim, ka mēs vēlamies drukāt Sveika pasaule 5 reizes. To var viegli izdarīt, izmantojot JS Loop. Ciklā paziņojums ir jāraksta tikai vienu reizi, un cilpa tiks izpildīta 5 reizes, kā parādīts zemāk:

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

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

Satura rādītājs

• priekš Loop
• kamēr Loop
• darīt-kamēr Cilpa
• for-in Loop
• for-of Loop
• Apzīmēts paziņojums
• Pārtraukuma paziņojums
• Turpināt paziņojumu
• Bezgalīga cilpa (cilpas kļūda)

1. JavaScript for Loop

The JS cilpai sniedz īsu veidu, kā rakstīt cilpas struktūru. For cilpa satur inicializāciju, nosacījumu un palielināšanu/samazināšanu vienā rindā, tādējādi nodrošinot īsāku, viegli atkļūdojamu cilpas struktūru.

Sintakse

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

Blokshēma

• Inicializācijas nosacījums: Tas inicializē mainīgo un iezīmē for cilpas sākumu. Var izmantot jau deklarētu mainīgo vai var deklarēt mainīgo, tikai lokālajā ciklā.
• Pārbaudes stāvoklis: To izmanto, lai pārbaudītu for cilpas izejas nosacījumu. Tam ir jāatgriež Būla vērtība. Tas ir arī an Ieejas kontroles cilpa jo nosacījums tiek pārbaudīts pirms cilpas priekšrakstu izpildes.
• Paziņojuma izpilde: Kad nosacījums ir novērtēts kā patiess, tiek izpildīti priekšraksti cilpas pamattekstā.
• Palielināt/samazināt: To izmanto mainīgā atjaunināšanai nākamajai iterācijai.
• Cilpas pārtraukšana: Kad nosacījums kļūst nepatiess, cilpa beidzas, atzīmējot tā dzīves cikla beigas.

Piemērs

// 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, kamēr cilpa

The JS kamēr cilpa ir vadības plūsmas paziņojums, kas ļauj atkārtoti izpildīt kodu, pamatojoties uz noteiktu Būla nosacījumu. Ciklu while var uzskatīt par atkārtotu if paziņojumu.

Sintakse

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

Blokshēma

• Kamēr cilpa sākas ar stāvokļa pārbaudi. Ja tas tiek novērtēts kā patiess, tad tiek izpildīti cilpas pamatteksta paziņojumi, pretējā gadījumā tiek izpildīts pirmais paziņojums pēc cilpas. Šī iemesla dēļ to sauc arī par Ieejas vadības cilpa
• Kad nosacījums ir novērtēts kā patiess, tiek izpildīti priekšraksti cilpas pamattekstā. Parasti priekšraksti satur atjauninātu vērtību mainīgajam, kas tiek apstrādāts nākamajai iterācijai.
• Kad nosacījums kļūst nepatiess, cilpa beidzas, kas iezīmē tā dzīves cikla beigas.

Piemērs

// 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 cilpa ir līdzīgs cilpai while ar vienīgo atšķirību, ka tā pārbauda nosacījumu pēc priekšrakstu izpildes, un tāpēc ir piemērs Iziet no vadības cilpas. Tā izpilda cilpas saturu vismaz vienu reizi, ja nosacījums ir nepatiess.

Sintakse

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

Blokshēma

• Cilpa do-while sākas ar priekšraksta(-u) izpildi. Pirmo reizi netiek pārbaudīts neviens stāvoklis.
• Pēc paziņojumu izpildes un mainīgā vērtības atjaunināšanas nosacījumam tiek pārbaudīta patiesa vai nepatiesa vērtība. Ja tas tiek novērtēts kā patiess, sākas nākamā cilpas iterācija.
• Kad nosacījums kļūst nepatiess, cilpa beidzas, kas iezīmē tā dzīves cikla beigas.
• Ir svarīgi atzīmēt, ka do-while cilpa izpildīs savus paziņojumus vismaz vienu reizi, pirms tiek pārbaudīts kāds nosacījums, un tāpēc tas ir izejas vadības cilpas piemērs.

Piemērs

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

1 2 3 4 5>

4. JavaScript for-in Loop

JS for-in cilpa tiek izmantots, lai atkārtotu objekta īpašības. For-in cilpa atkārtojas tikai pār tām objekta atslēgām, kuru uzskaitāmā īpašība ir iestatīta uz patiesu.

Sintakse

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

Piemērs: Šis piemērs parāda for-in cilpas izmantošanu.

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 cilpa tiek izmantots, lai iterētu iterējamos objektus, piemēram, masīvu, objektu, kopu un karti. Tas tieši atkārto dotā iterējamā objekta vērtību, un tam ir kodolīgāka sintakse nekā cilpai.

Sintakse:

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

Piemērs: Šis piemērs parāda for-of cilpas izmantošanu.

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

1 2 3 4 5>

6. JavaScript marķētais paziņojums

JS etiķetes atslēgvārds neietver goto atslēgvārdu. Lietotāji var izmantot atslēgvārdu turpināt ar etiķetes paziņojumu. Turklāt lietotāji var izmantot pārtraukuma atslēgvārdu, lai pārtrauktu cilpu/bloku. Varat arī izmantot pārtraukuma atslēgvārdu, nedefinējot etiķeti, bet tas pārtrauc tikai vecākcilpu/bloku. Lai pārtrauktu ārējo cilpu no iekšējās, izmantojot pārtraukuma atslēgvārdu, lietotājiem ir jādefinē etiķete.

Sintakse

Label: statement (loop or block of code)>

Piemērs

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) { // Break exer loop from inner loop break outerloop;   } console.log('sum = ' + summa);   a++;   } }>

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

7. JavaScript pārtraukuma paziņojums

JS pārtraukuma paziņojums tiek izmantots, lai pārtrauktu cilpas vai slēdža priekšraksta izpildi, ja nosacījums ir patiess.

Sintakse

break;>

Piemērs

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

1 2 3>

8. JavaScript turpinājuma paziņojums

JS turpināt paziņojumu tiek izmantots, lai pārtrauktu cilpas iterāciju un sekotu nākamajai iterācijai. Iterācijas pārtraukums ir iespējams tikai tad, kad notiks noteiktais nosacījums. Galvenā atšķirība starp turpināt un pārtraukuma paziņojumu ir tāda, ka pārtraukuma priekšraksts pilnībā izlaužas no cilpas, savukārt turpināt tiek izmantots, lai pārtrauktu vienu priekšrakstu un pārietu uz nākamo paziņojumu.

Sintakse

continue;>

Piemērs

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

1 3 5 7 9>

9. JavaScript bezgalīga cilpa (cilpas kļūda)

Viena no visizplatītākajām kļūdām, ieviešot jebkāda veida cilpu, ir tā, ka tā var nekad neiziet, t.i., cilpa darbojas bezgalīgi ilgi. Tas notiek, ja stāvoklis kāda iemesla dēļ neizdodas.

Piemērs: Šis piemērs parāda bezgalīgu cilpu.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (lai i = 5; i != 0; i -= 2) { console.log(i); } pieņemsim, ka x = 5; // Bezgalīga cilpa, jo atjaunināšanas priekšraksts // netiek nodrošināts while (x == 5) { console.log('Cilpā'); }>