Skrócona Logika: Ternary i Truthy/Falsy
Zadanie 6.6: Skrócona Logika - Ternary i Truthy/Falsy
Wstęp
Programiści są leniwi – w dobrym znaczeniu tego słowa! Jeśli mogą napisać coś w jednej linijce zamiast w pięciu, zrobią to. W JavaScript mamy potężne narzędzia do skracania kodu logicznego.
Cel zadania
Nauczenie się pisania zwięzłego kodu przy użyciu operatora trójargumentowego (ternary) oraz zrozumienie koncepcji Truthy i Falsy.
Część 1: Prawda czy Fałsz? (Truthy vs Falsy)
W JavaScript nie tylko true i false są logiczne. Każda wartość może być "prawdziwa" lub "fałszywa", gdy wstawisz ją do if.
Wartości fałszywe (Falsy):
Zapamiętaj tę krótką listę. Jeśli wstawisz to do if, zadziała jak false:
false0(zero)""(pusty tekst)nullundefinedNaN(Not a Number)
Wartości prawdziwe (Truthy):
Wszystko inne!
"0"(tekst z zerem) -> PRAWDA" "(spacja) -> PRAWDA[](pusta tablica) -> PRAWDA123,-5-> PRAWDA
Przykład praktyczny (Default value):
Często używamy operatora || (LUB) do ustawiania wartości domyślnych.
let imieUzytkownika = ""; // Pusty tekst = Falsy
let nazwaWyswietlana = imieUzytkownika || "Nieznajomy";
console.log(nazwaWyswietlana); // Wypisze "Nieznajomy", bo imieUzytkownika było fałszywe
Część 2: Operator Trójargumentowy (Ternary Operator)
To skrócona wersja if...else. Nazywa się "trójargumentowy", bo bierze 3 elementy:
Warunek ? CoJeśliPrawda : CoJeśliFałsz
Zamiast pisać:
let wiek = 20;
let status;
if (wiek >= 18) {
status = "Pełnoletni";
} else {
status = "Niepełnoletni";
}
Możesz napisać:
let wiek = 20;
let status = (wiek >= 18) ? "Pełnoletni" : "Niepełnoletni";
Kroki do wykonania
Stwórz plik skroty.js.
Zadanie A: Powitanie
Zrób "Generator Powitań" dla strony internetowej.
- Zdefiniuj zmienną
jezyk("PL" lub "EN"). - Zdefiniuj zmienną
imie(przypisz jej wartość lub zostaw pusty ciąg""). - Użyj Operatora Trójargumentowego, aby wybrać powitanie w zależności od języka:
- Jeśli "PL" -> "Cześć"
- W przeciwnym razie -> "Hello"
- Użyj Logiki Truthy/Falsy (operator
||), aby wybrać imię. Jeśli zmiennaimiejest pusta, użyj słowa "Gość". - Wypisz połączony komunikat, np. "Cześć Gość" lub "Hello Jan".
// Szkic
let jezyk = "PL";
let imie = "";
let powitanie = ... ? ... : ... ; // Użyj ternary
let nazwa = ... || ... ; // Użyj Truthy/Falsy
console.log(powitanie + " " + nazwa);
Zadanie B: Sprawdzanie parzystości (w jednej linii)
- Zdefiniuj zmienną
liczba. - Stwórz zmienną
czyParzystai przypisz jej wynik sprawdzenia (String: "Parzysta" lub "Nieparzysta") używając tylko jednej linii kodu z operatorem ternary.
[!IMPORTANT] Commit: Zadanie 6.6 - Skroty.