Számos módja van a Javascript hurkolásának. Egyesek jobbak, mint mások, és minden bizonnyal az Ön helyzetére támaszkodnak. A „For” szóval kezdődő iterálási módok egyike.

A Basic For Loop

A „for” iterátor első legalapvetőbb verziója a for ciklus. A szintaxis így néz ki:

let array = [1,2,3,4,5]
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

Ebben az esetben van egy 5 elemű tömbünk. A for ciklust úgy kezdjük, hogy beállítjuk a változónkat (jelen esetben „i”), és 0-ra állítjuk, és pontosvesszővel zárjuk. Ezután azt mondjuk, hogy míg az „i” változónk kisebb, mint annak a tömbnek a hossza, amelyen ismételni szeretnénk, addig az „i”-t szeretnénk növelni.

A végrehajtáson belül szeretnénk konzolnaplózni a tömbünket, és (zárójeles jelöléssel) a zárójelben az „i” karaktert használjuk helyőrzőként a tömbünk minden eleméhez. Az eredmény a következő lesz:

1
2
3
4
5

Ez egy alapvető, megbízható hurkolási módszer, amely szinte minden helyzetbe illeszkedik.

az egyes

A forEach egy kicsit más, mint a for ciklus használata. Ez egy kicsit dinamikusabb és kellemesebb a szemnek. Egy példa a szintaxisra így nézne ki.

let array = [1,2,3,4,5]
array.forEach(element => console.log(element))

Itt láthatja, hogy a forEach-t hívja a változón, amelyre a forEach visszahívást hajt végre. Ez a visszahívási függvény vesz egy argumentumot (ebben az esetben elemet), és a konzol növekvő sorrendben naplózza azt az elemet az adott tömb minden eleméhez.

A forEach a legjobban akkor használható, ha pontosan ugyanabban a sorrendben szeretne ismételni, mint ahogyan a tömbben megjelennek (pl. 2,1,3), vagy ha biztosak akarunk lenni abban, hogy nem kerülünk egy végtelen ciklusba.

for…in És…-ért

for...in és for...of is iterál objektumok felett, de a különbség közöttük elsősorban abban rejlik, hogy milyen értéket adnak vissza, és mi az, amit iterálnak.

A for...in az iterált objektum kulcsainak listáját adja vissza, míg a for..of az iterált objektum numerikus tulajdonságainak értéklistáját adja vissza.

let array = [4, 5, 6];

for (let i in array) {
   console.log(i); // "0", "1", "2",
}

for (let i of array) {
   console.log(i); // "4", "5", "6"
}

A for...in használható bármely objektum tulajdonságainak, például egy tömb indexeinek ellenőrzésére, míg a for...of az objektumok tényleges értékeit adja vissza.

Boldog kódolást!