Podstawy Programowania: Skrócony zapis if

0:00Wiesz już jak działa instrukcja warunkowa if,

0:02natomiast w tej lekcji pokażę Ci jak możemy skorzystać z jej skróconego zapisu

0:07w formie wyrażenia, które bardzo często może się przydać.

0:11I na początek będę chciał zrobić taką rzecz, że utworzymy sobie stałą firstName tak jak

0:16mieliśmy wcześniej i będziemy zakładać, że skądś to dostaliśmy.

0:19Czyli czy jest takie imię czy nie

0:21na tej podstawie na przykład będziemy wiedzieć czy ktoś jest zalogowany

0:24w naszym programie, w naszej aplikacji czy na stronie internetowej.

0:27I teraz na bazie tego firstName będziemy chcieli utworzyć sobie zmienną userName,

0:32więc napiszemy userName i na początku ona

0:35może być pusta czyli w ten sposób albo możemy jej przypisać pusty ciąg znaków,

0:41tak może wyglądać ale może mieć również

0:43wartość undefined czyli w tym przypadku nie zdefiniowaną.

0:46I teraz będę chciał zrobić coś takiego.

0:48Na początek zrobimy to za pomocą instrukcji if, napiszemy if firstName,

0:53i tutaj moglibyśmy zrobić tak, jeżeli firstName nie jest równe pustemu ciąg znaków to chcę

0:58ustawić zmienną userName na wartość firstName.

1:02Natomiast w przeciwnym wypadku

1:05jeżeli firstName nie jest podane to będziemy chcieli napisać, że userName to jest nieznajomy.

1:13Mam nadzieję, że teraz to dobrze widzisz.

1:16Czyli sprawdzamy czy firstName nie jest puste.

1:19Jeżeli nie jest to userName przyjmie

1:21wartość taką samą jak firstName w przeciwnym wypadku będzie to nieznajomy.

1:24Ale pokaże Ci, że tutaj możemy zapisać to również krócej. Możemy zrobić coś takiego.

1:29Dlatego, że dla instrukcji if nie ma znaczenia czy tu przekażesz

1:33true lub false tylko czy przekażesz wartość prawdziwą czy fałszywą i pusty ciąg znaków

1:37będzie traktowany jako wartość fałszywa czyli wtedy ta linijka się nie wykona,

1:41natomiast jeżeli tutaj będziemy mieli podane na przykład Jacek

1:45to wtedy if Jacek jest tu traktowany jako true userName przyjmie wartość Jacek.

1:49OK. I teraz będziemy chcieli niżej

1:52zrobić coś po prostu console.lod i napiszemy Witaj

1:57i będę chciał tego dokleić userName. Zapiszmy i widzimy

2:02witaj Jacek. Czyli wszystko jest OK.

2:04Natomiast jeżeli nie mielibyśmy podanego imienia to zobaczymy

2:07witaj nieznajomy.

2:08No i teraz pokażę Ci jak możemy cały taki

2:11zapis skrócić do wyrażenia do jednej linijki za pomocą tzw.

2:15Ternary Operator i to jest ten skrócony zapis if.

2:18Więc to co tutaj mamy będę chciał wykomentować i poniżej

2:23napiszemy sobie userName,

2:25czyli będziemy chcieli nadpisać wartość tej zmiennej, którą mamy tutaj.

2:29Wiemy, że w nic w nie zapisaliśmy

2:31na razie i napiszemy sobie coś takiego firstName, znak zapytania, firstName

2:39a jeżeli nie to dwukropek nieznajomy.

2:42Już Ci to wytłumaczę.

2:44Otóż ten Ternary Operator przyjmuje 3 opetandy.

2:48Zauważ to jest jeden, to jest drugi a to jest trzeci. I teraz w jaki sposób to działa.

2:53Jeżeli tutaj na samym początku podamy

2:56wartość prawdziwą mogłoby to być true ale równie dobrze tak jak tutaj mówiłem

3:01może to być firstName czyli taka stała, w

3:03której jest jakiś ciąg znaków i jeżeli coś tam będzie to zwróć to co podamy tutaj.

3:10Czyli moglibyśmy powiedzieć, że jeżeli

3:11firstName ma wartość prawdziwą to zwróć tutaj na przykład Jacek.

3:16Teraz by to może było bardziej klarowne dla Ciebie,

3:19natomiast jeżeli ta wartość jest fałszywa

3:20to zwróć to co podaliśmy po dwukropku czyli nieznajomy.

3:23Więc jeżeli wycofamy to mówimy tutaj mniej

3:25więcej tyle, jeżeli w tej stałej firstName jest wartość prawdziwa,

3:29w tym przypadku nie jest bo jest pusta,

3:33jeżeli byłaby prawdziwa to zwróć tutaj

3:36to co tutaj podamy a podajemy wartość tej zmiennej czy stałej firstName.

3:42Natomiast jeżeli jest wartość fałszywa to zwróci nieznajomy zobacz to zadziała

3:46dokładnie tak samo a jeżeli tutaj wpiszemy Jacek to mamy Witaj Jacek.

3:51Czyli jeszcze sobie tylko to prześledźmy,

3:53tutaj mamy Jacek więc Jacek jest wartością prawdziwą,

3:56zgadza się.

3:57Więc zwróć to co jest po znaku zapytania a tu co pozostawiamy?

4:00No też Jacek. Więc to zostaje zwrócone w to miejsce.

4:03Mam nadzieję, że jest to jasne i za pomocą jednej linijki mogliśmy sobie zapisać coś

4:08takiego jak tutaj. Często się to przydaje natomiast przewaga takiego rozwiązania jak

4:13wyżej jest taka, że tutaj możemy mieć oczywiście dużo więcej kodu w tych blokach

4:17a tutaj możemy mieć jedynie jakieś proste wyrażenia. Oczywiście tu by mogło być dwa

4:21plus dwa zostałoby to przeliczone jako cztery i zwrócone itd.

4:25Natomiast tutaj się nie da mieć pełnych

4:27bloków kodu gdzie mogłoby się dziać po prostu znacznie więcej ale w wielu

4:31sytuacjach taki skrócony zapis jest bardzo bardzo przydatny.