JavaScript-iteraation tutkiminen

Silmukat antavat ohjelmien suorittaa toistuvia tehtäviä, kuten iteroida taulukon kautta, samalla kun noudatetaan DRY-periaatetta (Älä toista itseäsi) . Neovat käteviä, kun haluat suorittaa toiminnon useita kertoja, käyttämällä joka kerta erilaisia ​​tulopaketteja.

Aivan kuten muutkin ohjelmointikielet, JavaScript tukee erilaisia ​​silmukoita. Tämä artikkeli tutkii varten , ja / in , kun taas ja tehdä / kun silmukoita.

For Loop

Varten silmukka on yleisin tyyli JavaScript silmukka. Tässä on sen perussyntaksi:

for (; ; ) { code block // This is executed if condition evaluates to true}
  • alustus - käytetään uusien muuttujien ilmoittamiseen var- avainsanalla, tyypillisesti käytetään laskurimuuttujan alustamiseen (var i = 0).
  • ehto - Boolen lauseke, joka on arvioitava ennen jokaista silmukka-iteraatiota. Jos tämä lauseke on tosi, sisäiset komennot suoritetaan.
  • inkrementaalilauseke -lauseke, joka on arvioitu jokaisen silmukka-iteraation lopussa. Tätä käytetään yleensä laskurin muuttujan lisäämiseen, vähentämiseen tai muuten päivittämiseen.

Esimerkkejä:

//Counting 1 to 5for (var i = 1; i  2//=> 3//=> 4//=> 5
//Iterating through an arrayvar arr = [17, 22, 35, 54, 96];
for (var i = arr.length; i >=0; i--) { console.log(arr[i]);}//=> 96//=> 54//=> 35//=> 22//=> 17

For / in -silmukka

Varten / in silmukkaa käytetään iteraatiota läpi objektin ominaisuudet. A for / in -lauseke näyttää seuraavalta:

for (variable in object) { statements}
  • muuttuja -tälle määritetään jokaiselle iteraatiolle eri ominaisuusnimi.
  • esine -objekti, jonka lukemattomat ominaisuudet toistetaan.

Esimerkki:

var myObj = {city: "Austin", state: "Texas", country: "USA"}
for (var key in myObj) { console.log(myObj[key]);}//=> Austin//=> Texas//=> USA

Vaikka silmukka

Vaikka silmukat ovat ehdollisia silmukoita Jos ehtoa tarkastetaan alussa iteraation, ja - jos ehto on tosi - lausunnot toteutetaan. Tässä on hetken silmukan perussyntaksi :

while (condition) { statement //code block to be executed as long condition is true.}
  • ehto - lauseke arvioidaan ennen jokaista silmukan läpi tapahtuvaa iteraatiota. Jos tämä ehto on tosi, sisäiset komennot suoritetaan. Jos ehto arvioidaan vääräksi, sisäinen lauseke ei toteudu ja ohjelma jatkaa.
  • lausunto -thekoodilohko suoritetaan niin kauan kuin ehto arvioi tosi.

Esimerkki:

var i = 0;while (i < 3) { console.log(i); i++;}
//=>0//=>1//=>2

Tee / kun

Tehdä / kun silmukka on muunnos, kun taas silmukka. Toisin kuin while-silmukassa, do / while -silmukka suorittaa koodilohkon kerran, ennen kuin se edes tarkistaa, onko ehto totta. Sitten se toistaa silmukan niin kauan kuin ehto on totta.

Syntaksi:

do { statement //code block to be executed}while (condition);
  • lausunto -suoritetaan ainakin kerran, ja se suoritetaan uudelleen joka kerta kun ehto arvioidaan tosi.
  • kunto -thelauseke arvioitiin jokaisen silmukan läpi tapahtuneen iteraation jälkeen. Jos ehto arvioi arvon tosi, käsky suoritetaan uudelleen. Jos ehto arvioidaan vääräksi, lauseen suorittaminen lopetetaan.

Esimerkki:

var cars = ["Tesla", "Prius", "GMC", "Ford"];
var i = 0;do { console.log(cars[i]); i++;}while (i < cars.length)
//=> Tesla//=> Prius//=> GMC//=> Ford

Toivon, että tämä lyhyt silmukoiden kiertue on auttanut sinua ymmärtämään paremmin iteraation toimintaa JavaScriptissa. Jos sinulla on kysyttävää silmukoista tai haluat vain keskustella, voit myös ottaa yhteyttä minuun twitterissä .