JavaScript - pętle - if - switch

Każda decyzja w programie zaczyna się od pytania, na które odpowiedź to true (prawda) albo false (fałsz). Takie pytania zadajesz operatorami porównania z poprzedniej lekcji: ===, !==, >, <, >=, <=.

if wykonuje blok kodu tylko wtedy, gdy warunek jest prawdziwy. else to plan B: wykona się, gdy warunek jest fałszywy. Zawsze wykona się dokładnie jeden z dwóch bloków.

if (warunek) {
  // gdy prawda
} else {
  // gdy fałsz
}

let temp = 15;
if (temp > 20) {
  console.log("Ciepło");
}
console.log("Koniec");

Gdy możliwości jest więcej niż dwie, dokładasz kolejne else if. JavaScript sprawdza warunki od góry i wykonuje pierwszy prawdziwy blok. Pozostałych już nie sprawdza.

let kwota = 450;if (kwota >= 500) {  rabat = 20;} else if (kwota >= 200) {  rabat = 10;} else {  rabat = 0;}

if (warunek1) {
  ...
} else if (warunek2) {
  ...
} else {
  ...   // gdy nic nie pasowało
}

if (kwota >= 200) {
  rabat = 10;
} else if (kwota >= 500) {
  rabat = 20;
}

W jednym if możesz sprawdzić kilka rzeczy naraz. Przypomnienie z lekcji 1: && oznacza, że muszą być spełnione oba warunki, a ||, że wystarczy jeden.

switch porównuje jedną zmienną z listą konkretnych wartości. Na egzaminie przydaje się przy listach rozwijanych, np. przy wyborze rodzaju usługi albo rozmiaru.

switch (zmienna) {
  case wartosc1:
    ...
    break;
  case wartosc2:
    ...
    break;
  default:
    ...   // gdy nic nie pasuje
}

Kilka wartości może prowadzić do tego samego kodu. Wypisujesz wtedy kilka case jeden pod drugim:

let opcja = "2";
switch (opcja) {
  case 2:
    console.log("Dwa");
    break;
  default:
    console.log("Inna");
}

Pętla powtarza ten sam kod wiele razy. Zamiast pisać 100 razy console.log, piszesz go raz i mówisz, ile razy ma się wykonać.

Krok po kroku: tak przeglądarka czyta pętlę

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

Kolejność zawsze jest ta sama: start → warunek → ciało → krok → warunek → ciało → krok → …, aż warunek da false.

Wzorzec 1: sumowanie („skarbonka”)

let suma = 0;                 // 1. pusta skarbonka PRZED pętlą
for (...) {
  suma = suma + coś;          // 2. dorzucaj w każdym obiegu
}
console.log(suma);            // 3. wynik PO pętli

Wzorzec 2: pętla + if (filtrowanie i liczenie)

W ciele pętli możesz użyć if, żeby zająć się tylko wybranymi liczbami. Licznik działa jak suma, tylko zwiększasz go o 1.

Wzorzec 3: budowanie tekstu

Tekst też można „sumować” operatorem +=. Na egzaminie tak buduje się na przykład listę albo wiersz tabeli, a gotowy napis wstawia się potem na stronę.

Kliknij Sprawdź, żeby przetestować kod. Sprawdzarka podmienia wartości zmiennych z pierwszych linijek i porównuje to, co wypisuje Twój program. Dlatego wynik nie może być wpisany na sztywno: program musi liczyć na podstawie zmiennych. Komunikaty wypisuj dokładnie w podanej postaci.

let punkty = 72;
let ocena;

if (punkty >= 95) {
  ocena = 6;
} else if (punkty >= 85) {
  ocena = 5;
} else if (punkty >= 70) {
  ocena = 4;
} else if (punkty >= 55) {
  ocena = 3;
} else if (punkty >= 40) {
  ocena = 2;
} else {
  ocena = 1;
}
console.log("Ocena: " + ocena);

let wiek = 30;
let dzien = "piątek";
let cena;

if (dzien === "wtorek") {
  cena = 15;
} else if (wiek < 18 || wiek >= 65) {
  cena = 18;
} else {
  cena = 25;
}
console.log("Cena: " + cena + " zł");

let miesiac = 10;

switch (miesiac) {
  case 12:
  case 1:
  case 2:
    console.log("Zima");
    break;
  case 3:
  case 4:
  case 5:
    console.log("Wiosna");
    break;
  case 6:
  case 7:
  case 8:
    console.log("Lato");
    break;
  case 9:
  case 10:
  case 11:
    console.log("Jesień");
    break;
  default:
    console.log("Błędny miesiąc");
}

let start = 10;

for (let i = start; i >= 0; i -= 2) {
  console.log(i);
}

let n = 20;
let suma = 0;

for (let i = 1; i <= n; i++) {
  if (i % 3 === 0) {
    suma += i;
  }
}
console.log("Suma: " + suma);

let kwota = 1200;
let raty = 4;

if (raty > 12) {
  console.log("Maksymalnie 12 rat");
} else {
  let rata = kwota / raty;
  for (let i = 1; i <= raty; i++) {
    console.log("Rata " + i + ": " + rata + " zł");
  }
}

if (warunek) {
  ...
} else {
  ...
}

if (p >= 90) { ... }
else if (p >= 70) { ... }
else { ... }

if (wiek >= 13 && wiek <= 19)
if (d === "sob" || d === "nd")

switch (x) {
  case 1:
  case 2: ...; break;
  default: ...
}

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

let suma = 0, ile = 0;
for (...) {
  suma += x;
  if (...) ile++;
}

Na następnej lekcji: tablice i przechodzenie po nich pętlą for.