Instrukcja if w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Instrukcja if służy do wykonania fragmentu kodu tylko wtedy, gdy podany warunek jest prawdziwy, czyli ma wartość logiczną true.

Składnia

if (warunek) {
  // kod wykonywany, gdy warunek jest prawdziwy
}

Warunek zapisuje się w nawiasach okrągłych. Najczęściej wykorzystuje się w nim operatory porównania, np. >, <, ==, ===, oraz operatory logiczne, np. && i ||.

Przykład prostego warunku

let a = 5;

if (a > 0) {
  console.log("Liczba jest dodatnia");
}

Warunek a > 0 sprawdza, czy wartość zmiennej a jest większa od zera.

Łączenie kilku warunków

Jeżeli kilka warunków ma być spełnionych jednocześnie, należy użyć operatora logicznego &&, czyli „i”.

if (a > 0 && b > 0 && b < 100) {
  console.log("Warunek spełniony");
}

Ten zapis oznacza:
- a > 0 — zmienna a jest większa od zera,
- b > 0 — zmienna b jest większa od zera,
- b < 100 — zmienna b jest mniejsza niż 100.

Cały warunek będzie prawdziwy tylko wtedy, gdy wszystkie trzy części będą prawdziwe.

Częsty błąd

Nie należy używać operatora ||, jeśli wszystkie warunki muszą być spełnione jednocześnie. Operator || oznacza „lub”, więc wystarczy, że prawdziwy będzie tylko jeden z warunków.