Lekcja 4: Instrukcje Warunkowe

Instrukcje warunkowe pozwalają na wykonywanie różnych bloków kodu w zależności od tego, czy określone warunki są spełnione (prawdziwe) czy nie (fałszywe). Są one fundamentalnym elementem logiki w programowaniu.

Instrukcja `if`

Najprostsza instrukcja warunkowa. Wykonuje blok kodu tylko wtedy, gdy podany warunek jest prawdziwy.

if (warunek) {
    // Kod do wykonania, jeśli warunek jest prawdziwy
}

let wiek = 20;

if (wiek >= 18) {
    console.log("Jesteś pełnoletni.");
}
// Jeśli wiek < 18, nic się nie wyświetli

Instrukcja `if...else`

Pozwala na wykonanie jednego bloku kodu, gdy warunek jest prawdziwy, i innego bloku, gdy warunek jest fałszywy.

if (warunek) {
    // Kod do wykonania, jeśli warunek jest prawdziwy
} else {
    // Kod do wykonania, jeśli warunek jest fałszywy
}

let temperatura = 15;

if (temperatura > 20) {
    console.log("Jest ciepło.");
} else {
    console.log("Jest chłodno."); // Ten kod zostanie wykonany
}

Instrukcja `if...else if...else`

Umożliwia sprawdzenie wielu warunków po kolei. Wykonany zostanie blok kodu odpowiadający pierwszemu prawdziwemu warunkowi. Opcjonalny blok `else` na końcu zostanie wykonany, jeśli żaden z wcześniejszych warunków nie był prawdziwy.

if (warunek1) {
    // Kod dla warunku 1
} else if (warunek2) {
    // Kod dla warunku 2
} else if (warunek3) {
    // Kod dla warunku 3
} else {
    // Kod, jeśli żaden warunek nie jest prawdziwy (opcjonalny)
}

let ocena = 75;

if (ocena >= 90) {
    console.log("Ocena: 5");
} else if (ocena >= 75) {
    console.log("Ocena: 4"); // Ten kod zostanie wykonany
} else if (ocena >= 50) {
    console.log("Ocena: 3");
} else {
    console.log("Ocena: 2");
}

Instrukcja `switch`

Alternatywa dla długich łańcuchów `if...else if...else`, szczególnie przydatna, gdy porównujemy jedną wartość z wieloma możliwymi stałymi wartościami.

switch (wyrazenie) {
    case wartosc1:
        // Kod dla wartosc1
        break; // Ważne: przerywa wykonanie switch
    case wartosc2:
        // Kod dla wartosc2
        break;
    // ... inne przypadki
    default:
        // Kod, jeśli żadna wartość nie pasuje (opcjonalny)
}

Instrukcja switch porównuje wartość wyrazenie z wartościami podanymi w kolejnych case (używając porównania identyczności ===). Jeśli znajdzie dopasowanie, wykonuje kod od tego miejsca aż do napotkania instrukcji break lub końca switch.

Instrukcja break jest kluczowa - bez niej wykonanie "przejdzie" do następnego bloku case, co zazwyczaj nie jest pożądane.

Blok default jest opcjonalny i wykonuje się, gdy żadna z wartości case nie pasuje.

let dzienTygodnia = 3;
let nazwaDnia;

switch (dzienTygodnia) {
    case 1:
        nazwaDnia = "Poniedziałek";
        break;
    case 2:
        nazwaDnia = "Wtorek";
        break;
    case 3:
        nazwaDnia = "Środa"; // Pasuje!
        break;
    case 4:
        nazwaDnia = "Czwartek";
        break;
    case 5:
        nazwaDnia = "Piątek";
        break;
    case 6:
        nazwaDnia = "Sobota";
        break;
    case 7:
        nazwaDnia = "Niedziela";
        break;
    default:
        nazwaDnia = "Nieprawidłowy numer dnia";
}

console.log(nazwaDnia); // "Środa"

Truthy i Falsy w warunkach

Instrukcje warunkowe nie wymagają jawnych wartości true lub false. Mogą działać z dowolnymi wartościami, które są interpretowane jako "prawdziwe" (truthy) lub "fałszywe" (falsy).

Przypomnienie wartości "falsy": false, 0, -0, 0n, "", null, undefined, NaN.

Wszystkie inne wartości są "truthy".

let uzytkownik = "Jan";

if (uzytkownik) { // uzytkownik jest stringiem niepustym, więc jest "truthy"
    console.log(`Witaj, ${uzytkownik}!`); // Ten kod zostanie wykonany
} else {
    console.log("Witaj, gościu!");
}

let liczbaProduktow = 0;

if (liczbaProduktow) { // liczbaProduktow to 0, więc jest "falsy"
    console.log("Masz produkty w koszyku.");
} else {
    console.log("Twój koszyk jest pusty."); // Ten kod zostanie wykonany
}

let num = -5; // Możesz zmienić tę wartość, aby przetestować

if (num > 0) {
    console.log("Liczba jest dodatnia.");
} else if (num < 0) {
    console.log("Liczba jest ujemna.");
} else {
    console.log("Liczba jest równa zero.");
}