Pętla for

Pętla for to jedna z podstawowych konstrukcji w JavaScript, która pozwala wielokrotnie wykonać ten sam fragment kodu – zwykle do iterowania po tablicach lub wykonywania zadań w określonej liczbie powtórzeń. Dzięki niej można w prosty sposób „przechodzić” przez kolejne elementy kolekcji czy generować sekwencje liczb.

Składnia pętli for

• inicjalizacja: zwykle deklaracja licznika (np. let i = 0).
• warunek: sprawdzany przed każdą iteracją, jeśli jest true, pętla kontynuuje, jeśli false, pętla się kończy.
• aktualizacja: modyfikacja licznika po każdym obiegu pętli (np. i++).

for (inicjalizacja; warunek; aktualizacja) {
  // Kod wykonywany w każdej iteracji
}

Przykład użycia

• Wyświetlanie liczb od 1 do 5
  • Niewielka liczba powtórzeń, stała.
• Iterowanie po elementach tablicy
  • Przeglądanie listy produktów, użytkowników, itp.
• Generowanie tablicy
  • Tworzenie ciągu liczb parzystych czy innych wzorów.

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

• Pętla for to klasyczna konstrukcja w JavaScript do wykonywania wielokrotnych powtórzeń.
• Parametry pętli (inicjalizacja, warunek, aktualizacja) można dopasować do różnych zadań – od liczenia w górę, w dół, po iterację z dowolnym przyrostem.
• Do przeglądania tablic pętla for sprawdza się doskonale, ale w nowszym JavaScript możesz też użyć for...of czy forEach – w zależności od potrzeb.
• Najważniejsze, by w pętli pilnować warunku i aktualizacji zmiennej licznika, aby nie stworzyć pętli nieskończonej i dbać o czytelność kodu.