Sobes.tech
Junior

Milyen for ciklus típusokat ismersz JavaScript-ben?

sobes.tech MI

Válasz az MI-től

A JavaScript-ben többféle for ciklus létezik:

  • for (klasszikus): Numerikus tartományon való iterálásra vagy egy adott számú ismétlés végrehajtására használják.

    // Iterálás numerikus tartományon
    for (let i = 0; i < 5; i++) {
      console.log(i); // 0, 1, 2, 3, 4
    }
    
  • for...in: Egy objektum kulcsait (tulajdonságait) iterálja végig (beleértve a prototípus tulajdonságokat is). Nem ajánlott tömbök esetén, mert problémák adódhatnak a sorrenddel és a nem numerikus tulajdonságok listázásával.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      console.log(`${key}: ${obj[key]}`);
      // a: 1
      // b: 2
      // c: 3
    }
    
    const arr = ['alma', 'banán', 'narancs'];
    for (const index in arr) {
      console.log(index); // 0, 1, 2 (a kulcsok ebben az esetben indexek)
    }
    
  • for...of: Iterál az iterable objektumok értékein, például tömbökön, szövegeken, Map, Set, TypedArray és argumentumokon. Ajánlott tömbökön való iteráláshoz.

    const arr = ['alma', 'banán', 'narancs'];
    for (const element of arr) {
      console.log(element);
      // alma
      // banán
      // narancs
    }
    
    const str = "helló";
    for (const char of str) {
      console.log(char);
      // h
      // e
      // l
      // l
      // ó
    }
    

Összehasonlító táblázat:

Ciklus Cél Iterálható elemek Ajánlott
for Numerikus tartományon való iterálás, ismétlés Meghatározott számú alkalom Általános ciklusok
for...in Objektum tulajdonságainak (kulcsainak) iterálása Tulajdonságok (kulcsok) Objektumok
for...of Iterálás az iterable objektumok értékein Értékek Tömbök, szövegek, Map, Set