JavaScript: Instrukcja switch

0:00Omówimy teraz instrukcję switch, która jest też dostępna w języku JavaScript.

0:04Jest ona bardzo popularna również w innych językach, chociaż przyznam szczerze, że ja

0:07rzadko po nią sięgam, bo to samo można zrobić na inne sposoby.

0:12Ale wyobraźmy sobie, że mamy jakąś liczbę np.

0:151 i że chcemy stworzyć sobie

0:18takie przypisania, że jak mamy 1, to chcemy mieć słowo 1 itd.

0:22Więc napiszemy word jak słowo i przypiszemy pustą wartość.

0:25I teraz za pomocą if moglibyśmy zrobić tak,

0:28jeżeli number równa się 1 to do word przypisujemy jeden.

0:36W przeciwnym wypadku mogli byśmy sprawdzić.

0:38Jeżeli number równa się 2, to przypiszemy

0:40word dwa i zróbmy sobie jeszcze jeden else if.

0:45Jeżeli number

0:48równa się 3, to word równa się trzy.

0:55Oczywiście tutaj nie musi być tej spacji.

0:56To też zależy już od Twoich preferencji.

0:59No i jeszcze w przeciwnym wypadku zróbmy tak, że przypiszemy sobie wartość nieznana.

1:07OK, no i teraz zrobimy console.log

1:08word.

1:10Zobaczmy co nam się wyświetli. Mamy jeden,

1:11jeżeli tutaj zmienimy sobie na 3.

1:14Oczywiście wyświetli trzy,

1:15a jeżeli damy taką, której tutaj nie objęliśmy, to będzie wartość nieznana.

1:19Teraz Ci pokażę, jak właśnie za pomocą

1:21instrukcji switch można również zrobić dokładnie to samo.

1:24Instrukcja switch wygląda w ten sposób, że

1:26piszemy sobie switch i podajemy coś, co chcemy sprawdzać.

1:30W tym przypadku będzie to number, czyli tutaj zostanie podstawiona czwórka.

1:34Następnie otwieramy sobie takie nawiasy i tworzymy tak zwane przypadki, czyli case.

1:39Piszemy case 1 dwukropek i tutaj kod, który chcemy wykonać.

1:44To oznacza, że w sytuacji kiedy number będzie miał wartość 1 to chcemy wykonać

1:49jakiś kod, a my chcemy po prostu do word przypisać 1, czyli tak jak wyżej.

1:53I następnie musimy skorzystać ze specjalnego słowa break, które zakończy dalsze sprawdzanie.

1:59Potem robimy sobie kolejny case mówiąc

2:01jeżeli number jest równe 2 to do word przypisz dwa i znowu zakończ.

2:07Jeżeli by tego breaka nie było i załóżmy ten case byłby obsługiwany to

2:12przypisali byśmy tutaj 1 i przeszli byśmy od razu do przypisania 2. Czyli nie

2:16przerwali byśmy. Ten break jest tutaj potrzebny.

2:19OK i następnie zróbmy sobie case 3 word równa się trzy i break,

2:26natomiast tak jak tutaj mieliśmy taki domyślny przypadek jeżeli żadna wartość

2:29nie została obsłużona to przypisaliśmy wartość nieznana,

2:33to w przypadku instrukcji switch robimy to za pomocą właśnie takiej sekcji default.

2:38I tutaj napiszemy, że jeżeli żaden z

2:40powyższych nie został spełniony to chcemy przypisać wartość nieznana.

2:45I tutaj już tego breaka robić nie trzeba,

2:47a to wynika z tego, że pod spodem po prostu już nic więcej nie ma.

2:50Więc jeżeli sobie to wykomentuje i tutaj zrobimy console.log(word) to

2:55zobaczysz, że efekt będzie dokładnie ten sam.

2:57Mamy wartość nieznana,

2:59natomiast jeżeli byśmy tutaj zmienili to np.

3:01na 2 to będziemy widzieli tutaj dwa.

3:04Czyli ta instrukcja wygląda tak.

3:05Jeżeli wcześniej nigdy jej nie widziałeś, to to może wyglądać trochę dziwnie.

3:09Ona generalnie pozwala nam zrealizować dokładnie to samo co bloki

3:12if i else if, więc to od Ciebie zależy czy będziesz po nią sięgał.

3:16Ja mogę powiedzieć osobiście, że bardzo rzadko z niej korzystam.