Instrukcja if...else w JavaScript

Instrukcja if...else w JavaScript

Instrukcja if...else służy do wykonywania różnych fragmentów kodu w zależności od spełnienia warunku. Warunek w nawiasach okrągłych jest oceniany jako wartość logiczna: true albo false.

Składnia

if (warunek) {
  // kod wykonywany, gdy warunek jest prawdziwy
} else {
  // kod wykonywany, gdy warunek jest fałszywy
}

Dlaczego nawiasy klamrowe są ważne?

Jeżeli po if lub else nie ma nawiasów klamrowych, JavaScript traktuje jako część tej instrukcji tylko pierwszą następną instrukcję.

Przykład błędny:

if (a < b)
  document.write(a);
  document.write("jest mniejsze");
else
  document.write(b);

W tym kodzie do if należy tylko instrukcja document.write(a);. Kolejna linia jest już osobną instrukcją, dlatego else nie pasuje poprawnie do if, co powoduje błąd składniowy.

Poprawny zapis

if (a < b) {
  document.write(a);
  document.write("jest mniejsze");
} else {
  document.write(b);
  document.write("jest mniejsze");
}

Dobra praktyka

Nawet jeśli w bloku if jest tylko jedna instrukcja, warto stosować nawiasy klamrowe. Zwiększa to czytelność kodu i zapobiega błędom po dopisaniu kolejnych instrukcji.