Pętla for w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Pętla for w JavaScript

Pętla for służy do wielokrotnego wykonania tego samego fragmentu kodu. Najczęściej wykorzystuje się ją wtedy, gdy z góry wiadomo, ile razy ma zostać wykonana instrukcja, np. podczas przechodzenia po elementach tablicy.

Budowa pętli for

for (let i = 0; i < tab.length; i++) {
  // instrukcje wykonywane w każdej iteracji
}

Pętla składa się z trzech części:

  • let i = 0 — ustawienie wartości początkowej licznika,
  • i < tab.length — warunek wykonywania pętli,
  • i++ — zwiększenie licznika po każdej iteracji.

Przykład sumowania elementów tablicy

let tab = [2, 4, 6];
let wynik = 0;

for (let i = 0; i < tab.length; i++) {
  wynik += tab[i];
}

console.log(wynik); // 12

W każdej iteracji zmienna i wskazuje indeks kolejnego elementu tablicy. Wyrażenie tab[i] oznacza element tablicy o indeksie i. Instrukcja wynik += tab[i] dodaje ten element do zmiennej wynik.

Na egzaminie

Jeżeli w pętli występuje zapis wynik += tab[i], oznacza to zwykle obliczanie sumy elementów tablicy, a nie ich wyświetlanie ani modyfikowanie.