Podstawy•LEKCJA 12 / 32

Pętle

Kurs JavaScript · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.

Pętle uruchamiają instrukcje wielokrotnie.

Jak to działa?

Pętla for nadaje się do pracy z licznikiem. for...of służy do przechodzenia po elementach tablicy. while powtarza kod, dopóki warunek jest prawdziwy.

Przykład 1 — poznaj zapis

for (let i = 1; i <= 3; i++) {
  console.log(i);
}

Wynik: 1, 2 i 3.

Przeczytaj kod linijka po linijce

  1. for (let i = 1; i <= 3; i++) {Rozpoczynamy powtarzanie instrukcji zgodnie z warunkiem pętli.
  2. console.log(i);Wyświetlamy wartość, aby sprawdzić efekt działania programu.
Oczekiwany wynik / efektpo uruchomieniu przykładu
1
2
3

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

let sum = 0;
for (let i = 1; i <= 4; i++) sum += i;
console.log(sum);
Wynik drugiego przykładupo uruchomieniu przykładu
10
Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Zrób pętlę wypisującą liczby parzyste od 2 do 10.

To już koniec tej lekcji.

Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.