Warunek if/else
Naucz komputer podejmować decyzje w zależności od warunków
if/else = rozwidlenie drogi
Wyobraź sobie że stoisz na rozwidleniu dróg. Jeśli pada deszcz — weź parasol i idź w lewo. W przeciwnym razie — idź w prawo. Program działa tak samo: trafia na 'rozwidlenie', sprawdza warunek i idzie jedną z dwóch dróg.
Składnia if/else — krok po kroku
Spójrz na strukturę krok po kroku:
Uruchom i zmień wartość pogoda na coś innego — zobaczysz jak uruchamia się gałąź else.
Do czego służą klamry { }?
{ i } to blok kodu. Wewnątrz bloku możesz napisać tyle linii ile potrzebujesz — wszystkie wykonują się razem jako jedna całość.
if (wiek >= 18) {
console.log("Witamy!"); // linia 1
console.log("Masz dostęp do"); // linia 2
console.log("wszystkiego! 🎉"); // linia 3
}Jeśli warunek jest prawdziwy — wykonują się wszystkie trzy linie. Jeśli nie — żadna.
Zasada: po
if (...),else if (...)ielse— zawsze stawiaj{na początku i}na końcu.
Zmień 'deszcz' na 'słonecznie' i uruchom — zobaczysz gałąź else.
Kiedy pisać === (trzy równa się)?
=== oznacza 'dokładnie równe' — porównuje zarówno wartość jak i typ danych.
| Wyrażenie | Wynik | Dlaczego |
|---|---|---|
5 === 5 | true | te same liczby |
5 === "5" | false | liczba ≠ string |
"deszcz" === "deszcz" | true | te same stringi |
"deszcz" === "Deszcz" | false | różne wielkości liter! |
Prosta zasada: gdy sprawdzasz 'czy X jest równe konkretnej wartości' — pisz ===.
if (imie === "Jan") // czy imię to dokładnie 'Jan'?
if (wynik === 100) // czy wynik to dokładnie 100?
if (dzien === "Poniedzialek") // czy dzień to dokładnie 'Poniedzialek'?Operator % — reszta z dzielenia
Ten operator zwraca resztę po dzieleniu. Na przykład:
| Wyrażenie | Wynik | Wyjaśnienie |
|---|---|---|
10 % 2 | 0 | 10 dzieli się przez 2 bez reszty |
7 % 2 | 1 | 7 = 3×2 + 1 (reszta 1) |
9 % 3 | 0 | 9 dzieli się przez 3 bez reszty |
8 % 3 | 2 | 8 = 2×3 + 2 (reszta 2) |
Sprawdzanie parzystości — dlatego % 2 === 0:
- Parzyste (2, 4, 6, 8...) dzielą się przez 2 bez reszty → reszta = 0
- Nieparzyste (1, 3, 5, 7...) po podzieleniu przez 2 dają resztę 1
Więc liczba % 2 === 0 czyta się dosłownie: 'reszta z dzielenia liczby przez 2 wynosi zero' — czyli liczba jest parzysta.
Uruchom! Spróbuj zmienić liczba na 8, 10, 13 — sprawdź wynik.
else if — sprawdza kolejny warunek jeśli poprzedni był fałszywy. Zmień wynik i sprawdź która gałąź się uruchamia.
Operatory porównania — pełna tabela
| Operator | Znaczenie | Przykład | Wynik |
|---|---|---|---|
=== | równe (ścisłe) | 5 === 5 | true |
!== | nierówne | 5 !== 3 | true |
> | większe niż | 10 > 5 | true |
< | mniejsze niż | 3 < 8 | true |
>= | większe lub równe | 5 >= 5 | true |
<= | mniejsze lub równe | 4 <= 10 | true |
Kiedy używać którego:
- Porównanie z konkretną wartością →
===lub!== - Porównanie liczb (większa/mniejsza) →
>,<,>=,<=
Żeby zapamiętać składnię: if (WARUNEK) { DZIAŁANIE }. Warunek — zawsze w okrągłych nawiasach (). Działanie — zawsze w klamrach {}.