Truthy i falsy — JavaScript

Nie każda wartość w warunku musi być dosłownie true lub false.

Jak to działa?

0, "", null, undefined, NaN i false są falsy. Inne wartości, w tym [] i {}, są truthy.

Praktycznym przykładem jest sprawdzanie, czy użytkownik podał tekst.

Przykład 1 — poznaj zapis

const username = "";

if (username) {
  console.log("Witaj!");
} else {
  console.log("Podaj imię");
}

Pusty napis jest falsy, więc wyświetli się „Podaj imię”.

Przeczytaj kod linijka po linijce

const username = "";Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
if (username) {Sprawdzamy warunek lub wybieramy jedną z możliwości.
console.log("Witaj!");Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Podaj imię

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

console.log(Boolean(0));
console.log(Boolean("0"));

Wynik drugiego przykładupo uruchomieniu przykładu

false
true

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Sprawdź działanie warunku dla 0, 1 i pustej tablicy.