JavaScript: Skrócony zapis if

0:00Teraz pokażę Ci tak zwany skrócony zapis if

0:03i jest on z angielskiego nazywany Ternary operator, dlatego, że będziemy mieli taki,

0:07można powiedzieć operator, który przyjmuje trzy operandy.

0:11Natomiast najpierw pokaże Ci dłuższą drogę, a potem jak możemy to skrócić.

0:14Czyli utworzymy sobie jakąś stałą firstName

0:16i przypiszemy jej tutaj wartość taką pustą.

0:21Następnie na bazie właśnie tego firstName powiedzmy, że gdzieś to z danych z bazy

0:25danych będzie wyciągnięte i albo ktoś podał to imię, albo nie,

0:28będziemy chcieli utworzyć sobie taką zmienną userName

0:31i potem powiedzmy gdzieś na stronie wyświetli nazwę tego użytkownika.

0:34Więc utworzyli byśmy sobie taką

0:36zmienną userName, która będzie miała pustą wartość,

0:39teraz będzie miała wartość undefined, ale

0:41równie dobrze można jej przypisać pusty ciąg znaków.

0:44Tutaj nie będzie to miało żadnego znaczenia.

0:46I teraz zwykłą instrukcją warunkową if moglibyśmy sprawdzić

0:49jeżeli firstName nie jest równe pustemu

0:52ciągowi znaków, albo w skrócie można zrobić to po prostu tak, bo mówiłem Ci, że if

0:56oczekuje, że otrzyma wartość prawdziwą albo fałszywą.

1:00Pusty ciąg znaków jest wartością fałszywą, więc to potraktuje jako false.

1:03Nie musimy tego porównywać w ten sposób i

1:06ten operator wtedy zamieniłby to na true lub false.

1:08Wystarczy to podstawić tak,

1:10bardzo często się z tym spotkasz w języku JavaScript.

1:13Czyli jeżeli firstName jest podane, to do

1:15userName chcę przypisać to samo co jest w firstName.

1:18Natomiast w przeciwnym wypadku do userName chcę przypisać nieznajomy.

1:26No i tutaj moglibyśmy sobie wyświetlić po prostu Witaj userName.

1:33No i w takiej sytuacji mamy Witaj nieznajomy,

1:35natomiast jeżeli tutaj byśmy podali np.

1:37Piotr, oczywiście będzie Witaj Piotr.

1:41Chcę Ci teraz pokazać, że cały taki zapis

1:43można skrócić za pomocą właśnie tego Ternary Operator

1:47i będzie to wyglądało tak, że będziemy sobie tworzyć

1:51w zasadzie od razu można to zrobić tutaj

1:52albo gdzieś pod spodem, ale może to być od razu przy tworzeniu

1:55takiej zmiennej i wtedy ona mogłaby być też stałą.

1:59Możemy tutaj od razu powiedzieć firstName,

2:01znak zapytania, firstName, dwukropek, nieznajomy.

2:10Już tłumaczę.

2:12To całe wyrażenie przyjmuje trzy operandy pierwszy, drugi i trzeci.

2:15I ten pierwszy jest jakby warunkiem.

2:17Wyobraź sobie, że to jest dokładnie to

2:18samo, co wstawiamy tutaj do if. Więc będzie to wartość prawdziwa albo fałszywa.

2:22I teraz, jeżeli to będzie wartość

2:24prawdziwa, to będziemy chcieli zwrócić to, co podamy po znaku zapytania.

2:29Więc tutaj jeszcze raz ją podstawiam.

2:31W tym przypadku jest to Piotr.

2:32Natomiast jeżeli będzie fałszywa podstaw

2:34nieznajomy. I to dopiero zostanie zapisane od tej zmiennej.

2:37Tutaj

2:38żeby jeszcze Ci to bardziej uprościć, to będę mógł pokazać to tak.

2:42Piotr, czyli jeżeli to, co jest pod firstName

2:45jest wartością prawdziwą, wiemy, że to jest wartość prawdziwa, to podstaw

2:49tutaj Piotr, w przeciwnym wypadku podstaw nieznajomy.

2:52Ale nie chcę tutaj ręcznie wpisywać tego

2:54Piotra, tylko po prostu podstawić to, co pod tym firstName jest.

2:57Zobaczmy, że efekt będzie dokładnie taki sam.

3:00Natomiast jeżeli tutaj byłaby wartość

3:02fałszywa, czyli pusty ciąg znaków, to zostanie to potraktowane tak, jakbyśmy

3:06wstawili to do if tutaj jako false i wtedy nie wykona się to wyrażenie tutaj,

3:12tylko zostanie wywołane jakby to wyrażenie.

3:14Tutaj mamy podstawiony tylko ciąg znaków,

3:16ale w języku JavaScript nazywamy to również wyrażeniem.

3:19Oczywiście tutaj mógłbyś mieć jakieś

3:21wyrażenie typu 2+2 i wynik 4 zostałby tutaj podstawiony.

3:25Chodzi tutaj tylko o to, że jeżeli to jest prawdą czy jest wartością prawdziwą,

3:30podstaw to co jest podane po znaku zapytania.

3:33W przeciwnym wypadku tak jak w bloku else podstaw to co jest tutaj.

3:36Jest to skrócony zapis, natomiast nie

3:38zawsze możemy go wykorzystać, tak jak tutaj

3:41mieliśmy if i moglibyśmy mieć wiele

3:43linijek różnego kodu, bo w takim skróconym zapisie zrobić się tego nie da.

3:47Więc on jest wykorzystywany przeważnie wtedy, kiedy chcemy właśnie ustawić jakąś

3:51zmienną od razu na jakąś wartość, ale warunkowo, albo kiedy powiedzmy będziemy

3:55przekazywać warunkowo jakieś parametry do funkcji.

3:58Pamiętaj jednak, że dokładnie tak to wygląda.

4:00Przyjmuje tu 3 operandy, czyli jakby warunek,

4:02tutaj oczywiście mógłbyś też mieć, jeżeli firstName jest większa od 20

4:06gdyby to była jakaś liczba

4:08to zostałoby zewaluowane do true lub false i byłoby traktowane jako właśnie ta

4:12wartość, czyli tu jakaś wartość prawdziwa lub fałszywa,

4:15to co ma być podstawione jeżeli prawda, to co jeżeli fałsz.