JavaScript-silmukat ovat välttämättömiä toistuvien tehtävien tehokkaassa käsittelyssä. Ne suorittavat koodilohkon toistuvasti niin kauan kuin määritetty ehto pysyy tosi. Nämä silmukat ovat tehokkaita työkaluja tehtävien automatisointiin ja koodin virtaviivaistamiseen.

Oletetaan esimerkiksi, että haluamme tulostaa Hei maailma 5 kertaa. Tämä voidaan tehdä helposti JS Loopilla. Loopissa käsky täytyy kirjoittaa vain kerran ja silmukka suoritetaan 5 kertaa alla olevan kuvan mukaisesti:

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

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

Sisällysluettelo

• varten Loop
• kun taas Loop
• do-while Loop
• for-in Loop
• for-of Loop
• Merkitty lausunto
• Taukoilmoitus
• Jatka lausuntoa
• Infinite Loop (silmukkavirhe)

1. JavaScript for Loop

The JS silmukalle tarjoaa tiiviin tavan kirjoittaa silmukkarakenne. For-silmukka sisältää alustuksen, ehdon ja lisäyksen/vähennyksen yhdellä rivillä, mikä tarjoaa lyhyemmän, helposti korjattavan silmukan rakenteen.

Syntaksi

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

Vuokaavio

• Alustusehto: Se alustaa muuttujan ja merkitsee for-silmukan alun. Jo ilmoitettua muuttujaa voidaan käyttää tai muuttuja voidaan ilmoittaa, vain paikallissilmukalle.
• Testitilanne: Sitä käytetään for-silmukan poistumisehdon testaamiseen. Sen on palautettava looginen arvo. Se on myös an Sisääntulon ohjaussilmukka koska ehto tarkistetaan ennen silmukkakäskyjen suorittamista.
• Lausunnon toteutus: Kun ehto on arvioitu olevan tosi, silmukan rungossa olevat lauseet suoritetaan.
• Lisäys/vähennys: Sitä käytetään muuttujan päivittämiseen seuraavaa iteraatiota varten.
• Silmukan pääte: Kun ehdosta tulee epätosi, silmukka päättyy ja merkitsee sen elinkaaren loppua.

Esimerkki

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

The JS while-silmukka on ohjausvuon käsky, joka sallii koodin suorittamisen toistuvasti tietyn Boolen ehdon perusteella. While-silmukkaa voidaan pitää toistuvana if-lauseena.

Syntaksi

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

Vuokaavio

• Vaikka silmukka alkaa kunnon tarkistamisella. Jos se arvioidaan todeksi, silmukan runkolauseet suoritetaan muuten silmukkaa seuraava ensimmäinen lauseke suoritetaan. Tästä syystä sitä kutsutaan myös nimellä Sisääntulon ohjaussilmukka
• Kun ehto on arvioitu olevan tosi, silmukan rungon lauseet suoritetaan. Normaalisti lauseet sisältävät päivitetyn arvon käsiteltävälle muuttujalle seuraavaa iteraatiota varten.
• Kun ehdosta tulee epätosi, silmukka päättyy, mikä merkitsee sen elinkaaren loppua.

Esimerkki

// 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 -silmukka on samanlainen kuin while-silmukka, mutta ainoa ero on, että se tarkistaa ehdon lauseiden suorittamisen jälkeen ja on siksi esimerkki Poistu ohjaussilmukasta. Se suorittaa silmukan sisällön vähintään kerran, kun ehto on epätosi.

Syntaksi

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

Vuokaavio

• Do-while-silmukka alkaa lauseen (käskyjen) suorittamisesta. Mitään kuntoa ei tarkisteta ensimmäistä kertaa.
• Lausuntojen suorittamisen ja muuttujan arvon päivityksen jälkeen ehdon arvo tarkistetaan tosi tai epätosi. Jos se arvioidaan todeksi, silmukan seuraava iteraatio alkaa.
• Kun ehdosta tulee epätosi, silmukka päättyy, mikä merkitsee sen elinkaaren loppua.
• On tärkeää huomata, että do-while-silmukka suorittaa käskynsä vähintään kerran ennen kuin mikä tahansa ehto tarkistetaan ja on siksi esimerkki poistumisohjaussilmukasta.

Esimerkki

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

1 2 3 4 5>

4. JavaScript for-in Loop

JS for-in -silmukka käytetään iteroimaan objektin ominaisuuksia. For-in -silmukka toistuu vain objektin niillä avaimilla, joiden enumerable-ominaisuus on tosi.

Syntaksi

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

Esimerkki: Tämä esimerkki näyttää for-in -silmukan käytön.

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-silmukka käytetään iteroitavien objektien iterointiin esimerkiksi - taulukko, objekti, joukko ja kartta. Se iteroi suoraan annetun iteroitavan objektin arvon ja sillä on tiiviimpi syntaksi kuin silmukalle.

Syntaksi:

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

Esimerkki: Tämä esimerkki näyttää for-of-silmukan käytön.

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

1 2 3 4 5>

6. JavaScript-merkitty lausunto

JS-tunnisteen avainsana ei sisällä goto-avainsanaa. Käyttäjät voivat käyttää jatka-avainsanaa otsikkolausekkeen kanssa. Lisäksi käyttäjät voivat käyttää break-avainsanaa silmukan/lohkon päättämiseen. Voit myös käyttää break-avainsanaa määrittelemättä tunnistetta, mutta se lopettaa vain pääsilmukan/lohkon. Käyttäjien on määritettävä tunniste, jotta ulompi silmukka voidaan lopettaa sisemmästä silmukasta käyttämällä break-avainsanaa.

Syntaksi

Label: statement (loop or block of code)>

Esimerkki

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) { // Katkaise ulompi silmukka sisemmästä silmukasta katkaise ulkosilmukka;   } console.log('sum = ' + summa);   a++;   } }>

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

7. JavaScript Break Statement

JS-katkosilmoitus käytetään lopettamaan silmukan tai kytkinkäskyn suorittaminen, kun ehto on tosi.

Syntaksi

break;>

Esimerkki

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

1 2 3>

8. JavaScript Continue Statement

JS jatkaa lausuntoa käytetään katkaisemaan silmukan iteraatio ja seuraamaan seuraavaa iteraatiota. Iteraatiokatko on mahdollista vain, kun määritetty ehto tulee tapahtumaan. Suurin ero jatkaa- ja break-lauseen välillä on, että break-lause katkeaa silmukasta kokonaan, kun taas jatka-lausetta käytetään katkaisemaan yksi lause ja toistettava seuraavaan lauseeseen.

Syntaksi

continue;>

Esimerkki

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

1 3 5 7 9>

9. JavaScript Infinite Loop (silmukkavirhe)

Yksi yleisimmistä virheistä minkä tahansa silmukan toteutuksessa on, että se ei ehkä koskaan poistu, eli silmukka kestää äärettömän ajan. Tämä tapahtuu, kun tila epäonnistuu jostain syystä.

Esimerkki: Tämä esimerkki esittää äärettömän silmukan.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (olkoon i = 5; i != 0; i -= 2) { console.log(i); } olkoon x = 5; // Ääretön silmukka, koska päivityskäskyä // ei ole annettu while (x == 5) { console.log('Silmukassa'); }>