Sobes.tech
Junior

Jakie istnieją pętle w JavaScript i jak działają?

sobes.tech AI

Odpowiedź od AI

W JavaScript istnieją następujące główne typy pętli:

  1. for: Wykonuje blok kodu określoną liczbę razy. Używany, gdy wiadomo, ile iteracji jest potrzebnych. Składa się z trzech opcjonalnych wyrażeń: inicjalizacji, warunku i wyrażenia końcowego.

    for (let i = 0; i < 5; i++) {
      // Ciało pętli
      console.log(i);
    }
    
  2. while: Wykonuje blok kodu, dopóki podany warunek jest prawdziwy. Używany, gdy liczba iteracji nie jest znana z góry.

    let i = 0;
    while (i < 5) {
      // Ciało pętli
      console.log(i);
      i++;
    }
    
  3. do...while: Podobne do while, ale warunek jest sprawdzany po wykonaniu ciała pętli. Gwarantuje, że ciało pętli zostanie wykonane przynajmniej raz.

    let i = 0;
    do {
      // Ciało pętli
      console.log(i);
      i++;
    } while (i < 5);
    
  4. for...in: Przechodzi przez enumerowalne (enumerable) właściwości obiektu. Iteruje po kluczach obiektu.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      // Praca z kluczem i wartością: obj[key]
      console.log(`${key}: ${obj[key]}`);
    }
    
  5. for...of: Przechodzi przez wartości obiektów iterowalnych (takich jak tablice, łańcuchy, Map, Set). Iteruje po wartościach.

    const arr = [1, 2, 3];
    for (const value of arr) {
      // Praca z wartością
      console.log(value);
    }
    
  6. forEach (metoda tablic): Wykonuje podaną funkcję raz dla każdego elementu tablicy. Nie jest to tradycyjna pętla sterująca w składni, ale wykonuje to samo zadanie iteracji po elementach.

    const arr = [1, 2, 3];
    arr.forEach(function(value, index, array) {
      // Praca z wartością, indeksem i odwołaniem do tablicy
      console.log(`${index}: ${value}`);
    });