Kursy i Poradniki IT - Adrian Kowalski
Kurs JavaScript dla Początkujących
O lekcji

Instrukcje warunkowe pozwalają na wykonywanie określonego fragmentu kodu w zależności od spełnienia określonych warunków.

1. Instrukcja if

Podstawowa konstrukcja sprawdzająca warunek.

let liczba = 10;
if (liczba > 5) {
  console.log("Liczba jest większa od 5");
}

2. Instrukcja if...else

Dodaje możliwość wykonania alternatywnego bloku kodu, gdy warunek jest fałszywy.

let liczba = 3;
if (liczba > 5) {
  console.log("Liczba jest większa od 5");
} else {
  console.log("Liczba jest mniejsza lub równa 5");
}

3. Instrukcja if...else if...else

Pozwala na sprawdzanie wielu warunków.

let liczba = 15;
if (liczba < 10) {
  console.log("Liczba jest mniejsza od 10");
} else if (liczba < 20) {
  console.log("Liczba jest mniejsza od 20, ale większa lub równa 10");
} else {
  console.log("Liczba jest większa lub równa 20");
}

4. Ternary Operator (? :)

Składnia uproszczonego warunku.

let liczba = 8;
let wynik = (liczba > 10) ? "Większa niż 10" : "Mniejsza lub równa 10";
console.log(wynik);  // Wypisze "Mniejsza lub równa 10"

5. Instrukcja switch

Instrukcja switch jest używana do sprawdzania wartości zmiennej i dopasowywania jej do jednego z wielu możliwych przypadków (case). Każdy przypadek kończy się słowem kluczowym break, aby uniknąć przechodzenia do kolejnych przypadków.

Przykład:

let kolor = "czerwony";

switch (kolor) {
  case "czerwony":
    console.log("Wybrałeś czerwony!");
    break;
  case "zielony":
    console.log("Wybrałeś zielony!");
    break;
  case "niebieski":
    console.log("Wybrałeś niebieski!");
    break;
  default:
    console.log("Nieznany kolor");
}
// Wynik: Wybrałeś czerwony!