Sobes.tech
Junior

Jaké smyčky existují v JavaScriptu a jak fungují?

sobes.tech AI

Odpověď od AI

V JavaScriptu existují následující hlavní typy cyklů:

  1. for: Spouští blok kódu určitý početkrát. Používá se, když je znám počet iterací. Skládá se ze tří volitelných výrazů: inicializace, podmínka a konečný výraz.

    for (let i = 0; i < 5; i++) {
      // Tělo cyklu
      console.log(i);
    }
    
  2. while: Spouští blok kódu, dokud je zadaná podmínka pravdivá. Používá se, když počet iterací není předem znám.

    let i = 0;
    while (i < 5) {
      // Tělo cyklu
      console.log(i);
      i++;
    }
    
  3. do...while: Je podobný while, ale podmínka je kontrolována po provedení těla cyklu. Zaručuje, že tělo cyklu bude provedeno alespoň jednou.

    let i = 0;
    do {
      // Tělo cyklu
      console.log(i);
      i++;
    } while (i < 5);
    
  4. for...in: Prochází enumerovatelné (enumerable) vlastnosti objektu. Iteruje přes klíče objektu.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      // Práce s klíčem a hodnotou: obj[key]
      console.log(`${key}: ${obj[key]}`);
    }
    
  5. for...of: Prochází hodnoty iterovatelných objektů (jako jsou pole, řetězce, Map, Set). Iteruje přes hodnoty.

    const arr = [1, 2, 3];
    for (const value of arr) {
      // Práce s hodnotou
      console.log(value);
    }
    
  6. forEach (metoda polí): Spouští zadanou funkci jednou pro každý prvek pole. Není to tradiční řídící cyklus v syntaxi, ale vykonává stejný úkol procházení prvků.

    const arr = [1, 2, 3];
    arr.forEach(function(value, index, array) {
      // Práce s hodnotou, indexem a odkazem na pole
      console.log(`${index}: ${value}`);
    });