Instrukcje warunkowe w JavaScripcie: if, else i switch

Instrukcje warunkowe w JavaScripcie uruchamiają kod zależnie od konkretnych warunków. Dzięki nim zbudujesz bardziej złożone programy i podejmiesz decyzje na podstawie danych wejściowych. W tym rozdziale przyjrzymy się instrukcjom if i switch, czyli najczęściej używanym instrukcjom sterującym w JavaScripcie.

Instrukcja if

Instrukcja if uruchamia kod tylko wtedy, gdy dany warunek jest spełniony. Oto przykład jej użycia:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
}

W tym przykładzie kod w klamrach wykona się tylko wtedy, gdy warunek „a > 10” jest prawdziwy. Jeśli warunek jest fałszywy, kod się nie wykona, a program przejdzie do następnej instrukcji.

Możesz też dopisać instrukcję else, żeby uruchomić kod w sytuacji, gdy warunek nie jest spełniony:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else {
  console.log('a est inférieur ou égal à 10');
}

Jeśli warunek „a > 10” jest prawdziwy, wyświetli się komunikat „a est supérieur à 10”. Jeśli warunek jest fałszywy, pojawi się zamiast niego komunikat „a est inférieur ou égal à 10”.

Kilka warunków po kolei sprawdzisz instrukcją else if:

let a = 5;

if (a > 10) {
  console.log('a est supérieur à 10');
} else if (a == 10) {
  console.log('a est égal à 10');
} else {
  console.log('a est inférieur à 10');
}

Pierwszy warunek „a > 10” jest prawdziwy, więc wyświetli się komunikat „a est supérieur à 10”. Gdyby pierwszy warunek był fałszywy, a drugi warunek „a == 10” prawdziwy, pojawiłby się komunikat „a est égal à 10”. Jeśli żaden z warunków nie jest spełniony, wyświetla się komunikat „a est inférieur à 10”.

Instrukcja switch

Instrukcja switch uruchamia kod zależnie od konkretnej wartości zmiennej. Sięgasz po nią wtedy, gdy trzeba sprawdzić kilka możliwych wartości jednej zmiennej. Oto przykład jej użycia:

let a = 'rouge';

switch (a) {
  case 'bleu':
    console.log('a est bleu');
    break;
  case 'vert':
    console.log('a est vert');
    break;
  case 'rouge':
    console.log('a est rouge');
    break;
  default:
    console.log("a n'est ni bleu, ni vert, ni rouge");
}

Wartość zmiennej „a” jest porównywana z każdym „case” w instrukcji switch. Jeśli wartość „a” pasuje do jednego z „case”, wykona się przypisany do niego kod. Jeśli żaden „case” nie pasuje do wartości „a”, wykona się kod przypisany do „default”.

let a = 'jaune';

switch (a) {
  case 'bleu':
  case 'vert':
  case 'rouge':
    console.log('a est une couleur primaire');
    break;
  case 'jaune':
  case 'orange':
  case 'violet':
    console.log('a est une couleur secondaire');
    break;
  default:
    console.log("a n'est ni une couleur primaire, ni une couleur secondaire");
}

Jeśli wartością „a” jest „bleu”, „vert” albo „rouge”, wyświetli się komunikat „a est une couleur primaire”. Jeśli wartością „a” jest „jaune”, „orange” albo „violet”, pojawi się komunikat „a est une couleur secondaire”. Jeśli żaden z „case” nie pasuje do wartości „a”, wyświetli się komunikat „a n’est ni une couleur primaire, ni une couleur secondaire”:

Podsumowanie

W tym rozdziale zobaczyliśmy, jak instrukcjami if i switch uruchamiać kod zależnie od konkretnych warunków lub wartości. Bez nich nie da się budować bardziej złożonych programów w JavaScripcie. Poćwicz obie instrukcje na własnych przykładach, żeby swobodniej pisać kod w JavaScripcie.