JavaScript: Prawda i fałsz

0:00Kolejnym typem wartości, jakie mogą być reprezentowane w języku JavaScript są

0:04wartości o typie boolean, czyli prawda lub fałsz,

0:07ale w tej lekcji powiemy sobie również o wartościach prawdziwych i fałszywych.

0:12Zacznijmy jednak od prawdy i fałszu. Więc utworzę sobie taką stałą, którą nazwę

0:16isLoggetIn, która będzie mi przechowywać prawdę lub fałsz,

0:20czy ktoś jest zalogowany czy nie. I przypiszemy sobie tutaj true.

0:23Więc znowu literalnie używamy po prostu słowa true.

0:27I jest to wartość o typie boolean, czyli to nie jest tekst,

0:31to nie jest liczba, to jest po prostu wartość tzw.

0:34boolean. I teraz do czego nam się to przydaje?

0:36Otóż zazwyczaj do instrukcji warunkowych.

0:39Więc tutaj wybiegam w przyszłość, bo to

0:41będzie dopiero w jednej z kolejnych lekcji, ale chcę to przedstawić.

0:45Więc w języku JavaScript mamy różne instrukcje warunkowe.

0:49Jedną z nich jest if, gdzie

0:50jeżeli podamy w tych nawiasach warunek

0:53prawdziwy, to wykona się blok kodu, który za moment wpisze.

0:56Jeżeli fałszywy to się nie wykona. Więc

0:58mogę tutaj podstawić wartość tej stałej, czyli isLoggedIn

1:03i stworzyć taki blok kodu, w którym będzie po prostu console.log zalogowano,

1:08natomiast mogę dodać else czyli w przeciwnym wypadku console.log

1:12nie zalogowano.

1:16Zrobimy coś takiego i zobaczmy co się wyświetli w konsoli przeglądarki.

1:20Jak widzisz zalogowano.

1:22Właśnie dlatego, że podstawiliśmy tutaj

1:24true, bo podstawiając tą stałą oczywiście podstawiam wartość, którą ona przechowuje.

1:28Natomiast jeżeli zamienił bym to na false czyli na fałsz to jest kolejna wartość

1:33boolean, są tylko dwie,

1:34true i false, wtedy zobaczymy

1:37niezalogowano.

1:38Dlatego, że tutaj jak podstawimy false a to

1:41by się właśnie tutaj stało, to jeżeli fałsz to wykona się blok else,

1:45bo ten pierwszy blok się wykonuje tylko jeżeli to jest warunek prawdziwy.

1:49Jeżeli zatem chodzi o true i false to są tylko dwie takie wartości.

1:53Natomiast w języku JavaScript każda z

1:55wartości jest wartością albo fałszywą, albo prawdziwą.

1:58I teraz będę chciał w komentarzu wypisać

2:00wszystkie wartości fałszywe i zaraz Ci pokazać, co one tak naprawdę oznaczają.

2:04A więc wartości fałszywe to będą false, zero,

2:12pusty ciąg znaków,

2:14taki lub zapisywany w dowolny inny

2:16sposób, który Ci do tej pory pokazywałem, ale taki, który nie ma w sobie nawet

2:20spacji, jest po prostu pusty, otwarty i zamknięty,

2:23następnie null, o którym mówiliśmy w lekcji poprzedniej, undefined

2:27oraz NaN, czyli Not a Number, o którym też wspominałem.

2:31Te wszystkie wartości są uznawane za

2:33wartości fałszywe, a co za tym idzie każda inna wartość jest wartością prawdziwą.

2:38I teraz co to znaczy?

2:39Otóż jeżeli byśmy sobie stworzyli stałą, którą nazwiemy value jak wartość i wstawili do niej pusty

2:45ciąg znaków i zrobili potem if gdzie go przekażemy,

2:50zauważ, że u góry miałem false albo

2:52wcześniej true i przekazywaliśmy to w tym miejscu.

2:55Teraz natomiast do instrukcji if przekaże pusty ciąg znaków.

2:59Dokładnie tutaj się stanie to samo jak bym

3:00go tak wpisał, ale to by nie miało sensu. Więc mam tutaj jakiś pusty ciąg znaków,

3:05te wartości oczywiście skądś się mogą wziąć,

3:08ktoś będzie musiał coś wpisać.

3:09Jeżeli nie wpisze i wciśnie enter otrzymamy pusty ciąg znaków

3:13itd.

3:13Czyli my tworząc program nie wiemy jaka będzie wartość, w tej lekcji

3:16oczywiście wpisuję to tutaj na sztywno, żeby Ci to wytłumaczyć, ale jeżeli do

3:21instrukcji if przekazał bym pustą wartość to ona zostanie potraktowana jako fałszywa.

3:26Czyli blok kodu, który tutaj wpiszę się, nie wykona, wykonałby się tylko blok else.

3:31Zatem ja tutaj będę chciał napisać coś takiego.

3:34Ta wartość nie jest fałszywa.

3:39Dlaczego coś takiego?

3:41Otóż właśnie po to, żeby Ci pokazać, że

3:43jak mamy pusty ciąg znaków i podstawimy go tutaj, to zostanie uznane za wartość

3:47fałszywą i ta linijka nigdy się nie wywoła.

3:49Więc zobaczmy w przeglądarce, nic się tutaj nie pojawiło.

3:53Czyli pusty ciąg znaków przekazany do instrukcji if jest traktowany jak false i

3:57podobnie będzie jak byśmy tam przekazali zero.

4:00Właśnie ten pusty ciąg znaków null, undefined czy NaN.

4:03Natomiast jeżeli tutaj byśmy zrobili choćby jedną spację, to dalej wygląda jak

4:07pusty ciąg znaków, ale jest tam jedna spacja, to taka wartość zostanie uznana za

4:11wartość prawdziwą, czyli tak jak byśmy tutaj podstawili true i wtedy ta linijka

4:16się wykona i powinniśmy zobaczyć taki komunikat.

4:19No i dokładnie to się tutaj stało i teraz

4:21każda inna wartość jaką zobaczysz do końca już tego kursu,

4:24będą jeszcze funkcje, tablice, obiekty,

4:27cokolwiek co nie jest wypisane tutaj będzie traktowane jak wartość prawdziwa.

4:32Nie jest to dla nas bez znaczenia właśnie

4:35z tego powodu, że często możemy robić sobie po prostu

4:38takiego if, jeżeli jakaś wartość jest, to możemy wykonać jakiś kod.

4:42Nie musimy konkretnie porównywać czy ta wartość jest np.

4:46równa pustemu ciągi znaków itd.

4:49O tych porównaniach jeszcze w jednej z kolejnych lekcji.

4:52Zapamiętaj sobie zatem, że mamy wartości takie jak prawda i fałsz, czyli true i

4:56false, a także mamy wartości uznawane za fałszywe,

5:00to są wszystkie te i za prawdziwe, czyli każda inna wartość.