JavaScript: Operatory porównania

0:00Kolejną niezbędną w języku programowania grupą operatorów są operatory porównania i

0:05pokażę Ci, jakie z nich są dostępne w języku JavaScript.

0:08Utworzymy sobie na początek taką stałą,

0:11którą nazwę number i przypiszę jej wartość 20.

0:14I teraz będziemy chcieli to, co jest właśnie

0:16w tej stałej porównywać do różnych wartości.

0:19I powiem Ci od razu, że wszystkie operatory, jakie Ci pokażę w tej lekcji

0:23zwracają nam wartość boolean, czyli true lub false.

0:26To jest bardzo istotne.

0:27Jeszcze o tym za moment wspomnę.

0:29I będziemy chcieli sobie może w konsoli przeglądarki na początek wyświetlić

0:34number, czyli możemy się bezpośrednio od tej stałej odwołać,

0:37jest to 20 i pokażę Ci, że mamy taki operator jak operator porównania, taki

0:43podwójny i w ten sposób możemy porównać czy to co przechowuje stała number,

0:48tutaj swoją drogą moglibyśmy również wpisać bezpośrednio jakąś wartość,

0:52czyli tutaj to nie ma żadnego znaczenia co zostanie podstawione.

0:55Czy number jest równe 20?

0:58Zobacz, zostało zwrócone true

0:59i to jest to, o czym wspomniałem, że takie operatory porównania

1:02one zawsze zwracają nam true lub false.

1:05Bo jeżeli bym zapytał, czy number jest równe 21, otrzymam false.

1:09Teraz to co jest ważne w języku JavaScript.

1:11Jeżeli chodzi o taki operator porównania

1:13czy coś jest równe, to mamy dwa znaki równości albo trzy znaki równości.

1:18Gdybym tutaj zapytał czy number jest równy 20, nadal otrzymuje true.

1:22I teraz skąd to się bierze?

1:24Otóż ten pierwszy operator, czyli dwa

1:26znaki równości, nie porównuje nam typów, ale porównuje jakby tylko wartość.

1:30Dlatego jeżeli porównałbym czy number, w

1:33którym wiemy, że jest wartość liczbowa, czy to jest równe

1:37ciągowi znaków o wartości 20 nadal otrzymuje true.

1:41Mimo tego, że tutaj mam wartość tekstową, a w stałej number mam wartość liczbową.

1:46Natomiast gdybym spróbował to porównać w

1:48ten sposób, to otrzymamy false, dlatego, że ten operator, on nazywa się Strict Equality

1:54Operator i on porównuje nam nie tylko jakby wartość, ale i typy.

1:58Generalnie bardzo dobrą zasadą jest, aby nie korzystać z tego operatora takiego

2:02podwójnego, czyli porównywania, gdzie nie sprawdzane są typy, dlatego, że to bardzo

2:07często rodzi wiele problemów później w kodzie, które ciężko znaleźć.

2:11Dlatego zachęcam Cię do tego, abyś korzystał zawsze z takiego operatora

2:15Strict Equality Operator, ale pamiętaj, że taki podwójny również może nam porównywać

2:20jakieś wartości, ale on wtedy nie sprawdza ich typów.

2:23I np. gdybyśmy zapytali czy null jest równa

2:26undefined, on nam niestety też zwróci true.

2:29Natomiast jeżeli porównamy w ten sposób, wtedy dostaniemy false.

2:33Dlatego najlepiej zawsze korzystać z takiego właśnie operatora porównania.

2:37Ja w tej lekcji pokażę Ci tutaj w konsoli właśnie wszystkie te operatory, ale

2:40żebyśmy coś mieli w plikach źródłowych to ja tutaj

2:43na koniec wkleję kod, który będziesz miał

2:45u siebie po to abyś mógł się z tym dokładnie zapoznać.

2:48Dlatego, że nie chcę marnować czasu na

2:50pisanie tego wszystkiego, bo to będą bardzo proste przykłady.

2:54Czyli pierwszym operatorem porównania jest

2:55taki podwójny, drugim jest taki potrójny i polecam Ci właśnie z niego korzystać.

3:00Czasami możemy chcieć zapytać, czy jakieś

3:02wartości nie są równe, a więc czy number nie jest równy 20?

3:06Możemy zapytać w ten sposób, otrzymaliśmy false, bo on jest równy 20, ale jeżeli

3:12byśmy tutaj napisać 21 otrzymujemy true.

3:15I znowu jeżeli zrobimy to w ten sposób, to

3:18nie porównujemy dokładnie typów, ale same wartości.

3:22Podobnie jak w przypadku właśnie tego operatora.

3:24A jak użyjemy dwóch znaków równości, to wtedy porównujemy również typy.

3:28I zachęcam Cię, żebyś zawsze w ten sposób

3:30korzystał z tego operatora, czyli tutaj on zwraca nam true lub false czy dwa operandy,

3:35które podamy, bo w przypadku operatorów mamy operandy.

3:38Pierwszym z nich po lewej stronie jest to co

3:41podstawiliśmy ze stałej number, a drugim jest pisana tutaj literalnie wartość.

3:45Oczywiście tu też może być podstawiona jakaś inna stała czy zmienna

3:48gdybyśmy ją mieli.

3:50Więc polecam Ci, żeby te operandy właśnie porównywać zawsze za pomocą takiego

3:55operatora Strict Equality, w tym przypadku takiego negującego,

3:59gdzie pytamy czy te wartości nie są równe i on nam zwróci true lub false.

4:03Następnie mamy operator większe od.

4:06Czyli jeżeli pod numer mamy 20 możemy zapytać czy 20 jest większe od 100.

4:10Zwróci nam false lub czy jest większa od 15?

4:13Zwróci nam true.

4:15I znowu ten operator, tak samo jak

4:16wszystkie inne, które pokaże, zawsze ewoluuje do true lub false.

4:20Czyli wynikiem takiej operacji w naszym

4:22kodzie zawsze będzie podstawienie true lub false,

4:25zatem można z tego korzystać np.

4:26w instrukcjach warunkowych.

4:28Jak możesz się domyślić, mamy również przeciwny operator, czyli mniejsze od.

4:32Następnie mamy również operator taki jak

4:34mniejsze lub równe, czyli czy 20 jest mniejsze lub równe 20?

4:39True, nie jest mniejsze, ale jest równe, więc wszystko jest ok.

4:42W drugą stronę możemy zapytać czy 20 jest większe lub równe 20?

4:47Też otrzymaliśmy true i zapisujemy to w taki sposób.

4:51OK, i na koniec jak wspomniałem wkleję

4:52tutaj pewien kod, żebyś miał go w plikach źródłowych.

4:55Ja w nim korzystamy z instrukcji

4:57warunkowych, o których jeszcze będzie później, ale zakładam, że masz pojęcie jak

5:00one działają. Więc to pozwoli Ci mieć rozeznanie co się tutaj dzieje.

5:04Dlaczego my tutaj mamy takie podkreślenia?

5:06To z tego powodu, że nasz edytor jakby nam

5:07już pokazuje, że tutaj zawsze będziemy mieli false, a tutaj np.

5:12zawsze będziemy mieli true, bo on analizuje ten kod, który tutaj jest

5:15wpisany, więc tym się specjalnie nie przejmuj.

5:17Niemniej jednak wypisałem tutaj wszystkie

5:18operatory, które przed momentem Ci pokazałem.

5:21A na koniec chcę Ci jeszcze pokazać pewien

5:24trik, pewien taki sposób, jak możemy wykorzystać inaczej niż w instrukcjach

5:28warunkowych taki operator Strict Equality Operator. Utworzę sobie

5:33zmienną number 2 i przypisze jej wartość 6.

5:37I teraz oczywiście zakładamy, że

5:38mielibyśmy taką zmienną czy stałą jakoś dynamicznie pobraną, nie że my tam

5:43wpisaliśmy literalnie wartość i chcielibyśmy sprawdzić, czy liczba, którą może

5:47ktoś wpisał do naszego programu, czy ona jest liczbą parzystą czy też nie.

5:52I w tym celu utworzymy sobie stałą isEven, czyli czy jest parzysta.

5:56I tutaj zrobimy sobie coś takiego Number 2, czyli to 6 modulo 2.

6:02To jest operator z poprzedniej lekcji, a

6:03więc on nam zwraca resztę z dzielenia, a więc 6 dzielone przez 2 zwraca nam 0.

6:08I zawsze jeżeli operator modulo zwróci nam

6:100, to znaczy, że ta liczba tutaj jest liczbą parzystą.

6:13Ale co ciekawe, gdybyśmy zrobili tylko tak, to całe ewoluuje do 0, więc pod isEven

6:18mielibyśmy 0, a ja chcę tutaj mieć true lub false,

6:22czy ta liczba jest parzysta czy nie.

6:24Więc tu możemy skorzystać z takiego operatora i porównać to do zera.

6:28Skoro ten operator jak wspomniałem, podobnie jak wszystkie inne, zawsze zwraca

6:31true lub false, to całe te wyrażenie zostanie zamienione na true lub false.

6:35Czyli kolejność tutaj wykonywania będzie taka, że najpierw 6 modulo z 2 zostanie

6:40podmienione na 0, następnie czy 0 jest równe 0?

6:43Zgadza się. Więc tu zostanie podstawione true.

6:46A więc takim prostym trikiem możemy sobie sprawdzić, czy w danej stałej mamy jakąś

6:51liczbę, która jest po prostu liczbą parzystą.

6:55No i tutaj jeżeli byśmy to podejrzeli w konsoli przeglądarki isEven

6:59będziemy mieli oczywiście wartość true.