Pętla for w JavaScript

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

Pętla for służy do wielokrotnego wykonania tego samego fragmentu kodu. Najczęściej stosuje się ją wtedy, gdy z góry wiadomo, ile razy instrukcje mają zostać powtórzone, np. wypisanie kilku kolejnych liczb.

Składnia

for (inicjalizacja; warunek; zmiana) {
  // instrukcje wykonywane w pętli
}

Elementy pętli:
- inicjalizacja - wykonywana raz na początku, np. let i = 2,
- warunek - sprawdzany przed każdym obiegiem pętli, np. i <= 12,
- zmiana - wykonywana po każdym obiegu, np. i += 2.

Przykład: sześć liczb parzystych

for (let i = 2; i <= 12; i += 2) {
  document.write(i);
}

Wartości zmiennej i to kolejno: 2, 4, 6, 8, 10, 12. Jest ich dokładnie sześć, ponieważ warunek i <= 12 dopuszcza także liczbę 12.

Na co uważać na egzaminie?

Bardzo ważna jest różnica między operatorami porównania:

i < 12   // działa tylko dla wartości mniejszych od 12
 i <= 12 // działa także dla wartości równej 12

Dlatego pętla:

for (let i = 2; i < 12; i += 2)

wypisze tylko: 2, 4, 6, 8, 10, czyli pięć liczb.

Dobra praktyka

W nowoczesnym JavaScript warto deklarować licznik pętli za pomocą let:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Zapobiega to przypadkowemu utworzeniu zmiennej globalnej.