Instrukcja if/else

W JavaScript – podobnie jak w innych językach – instrukcja warunkowa if/else służy do wykonywania konkretnego fragmentu kodu tylko wtedy, gdy spełniony jest określony warunek logiczny. Pozwala to na kontrolowanie przepływu programu i reagowanie na różne sytuacje w czasie działania.

Składnia podstawowa

• warunek – wyrażenie, które zwraca wartość logiczną (true / false).
• Można też użyć konstrukcji else if do sprawdzenia kilku warunków po kolei

// Podstawowy warunek
if (warunek) {
  // Kod, który wykona się, jeśli warunek jest prawdziwy (true)
}


// Podstawowy warunek if/else
if (warunek) {
  // Kod, który wykona się, jeśli warunek jest prawdziwy (true)
}
else {
  // Kod, który wykona się, jeśli warunek jest fałszywy (false)
}


// Kilka wariantów
if (warunek1) {
  // Kod dla warunku1
}
else if (warunek2) {
  // Kod dla warunku2
}
else {
  // Kod, jeśli żaden z powyższych warunków nie jest spełniony
}

Przykłady użycia

• Sprawdzanie wpisanego wieku
  • Jeśli wiek ≥ 18, użytkownik jest pełnoletni, w innym wypadku – nie.
• Określanie koloru tła
  • Jeśli zmienna color to 'red', ustaw tło czerwone, w przeciwnym razie ustaw tło białe.
• Warunkowa walidacja formularza
  • Jeśli pole email nie ma "@" – wyświetl komunikat błędu, w przeciwnym razie kontynuuj.

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

• Instrukcja if/else pozwala wykonać kod warunkowo, w zależności od tego, czy dany warunek logiczny jest spełniony.
• else if umożliwia wielokrotne sprawdzanie różnych warunków.
• W praktyce warto dbać o czytelność i nie pisać zbyt zagnieżdżonych bloków if/else; lepiej je dzielić na funkcje lub użyć innych konstrukcji (np. switch) w odpowiednich przypadkach.
• Dzięki warunkom możesz reagować na dane użytkownika, obsługiwać różne ścieżki programu i zapewnić dynamiczne, inteligentne zachowanie aplikacji.