Skrócona Logika: Ternary i Truthy/Falsy

Javascript
Priorytet: Normalny Szkic

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:

  1. false
  2. 0 (zero)
  3. "" (pusty tekst)
  4. null
  5. undefined
  6. NaN (Not a Number)

Wartości prawdziwe (Truthy):

Wszystko inne!

  • "0" (tekst z zerem) -> PRAWDA
  • " " (spacja) -> PRAWDA
  • [] (pusta tablica) -> PRAWDA
  • 123, -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.

  1. Zdefiniuj zmienną jezyk ("PL" lub "EN").
  2. Zdefiniuj zmienną imie (przypisz jej wartość lub zostaw pusty ciąg "").
  3. Użyj Operatora Trójargumentowego, aby wybrać powitanie w zależności od języka:
    • Jeśli "PL" -> "Cześć"
    • W przeciwnym razie -> "Hello"
  4. Użyj Logiki Truthy/Falsy (operator ||), aby wybrać imię. Jeśli zmienna imie jest pusta, użyj słowa "Gość".
  5. 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)

  1. Zdefiniuj zmienną liczba.
  2. Stwórz zmienną czyParzysta i przypisz jej wynik sprawdzenia (String: "Parzysta" lub "Nieparzysta") używając tylko jednej linii kodu z operatorem ternary.

[!IMPORTANT] Commit: Zadanie 6.6 - Skroty.