Podstawy Programowania: Operatory porównania

0:00W tej lekcji poznasz operatory porównania

0:02i zobaczysz do czego one mogą być przydatne.

0:05Więc nie przedłużając utworzyły sobie stałą o nazwie number, która będzie przechowywała

0:10wartość liczbową 20. Ok i teraz będę chciał porównać sobie tę

0:15wartość i zapisać wynik takiego porównania w innej stałej. Więc stworzymy stałą, którą

0:21nazwę res jak rezultat i będę chciał jej przypisać

0:26pewną wartość, jaka to będzie wartość załamać się okaże. Ale odwołam się do

0:30zmiennej number u góry, gdybym zrobił coś takiego to oczywiście pod zmienną res

0:34mielibyśmy nic innego jak 20. Ale tutaj dopisze sobie dwa razy znak równości bo

0:40taki znak równości to jest operator przypisania,

0:43natomiast jeżeli mamy podwójny znak równości jest to operator porównania.

0:48I co ja będę chciał zrobić.

0:49Otóż będę chciał porównać czy wartość, która jest pod zmienną w tym

0:54przypadku jest stała 20 i jest równa wartości 20.

0:58To jest dokładnie tak samo jakbyśmy tutaj wpisali coś takiego bo wiesz, że zmienna po

1:02prostu będzie podstawiona, czyli jej wartość.

1:05Więc chcemy zapytać czy 20 jest równe 20.

1:08I teraz ten kod jak się będzie wykonywał to najpierw to wyrażenie zostanie wykonane i

1:13ono coś zwróci, to co zostanie zwrócone będzie zapisane pod stałą o nazwie res.

1:18Więc nie pozostało nic innego jak podejrzeć w konsoli poprzez console.log

1:23co zawiera stała res. Tu już nam Quokka

1:25podpowiada, że jest to true. Zapiszmy dla pewności żeby Node wykonało ten plik.

1:29Zgadza się jest to true. A więc mówiłem Ci już o wartościach

1:33prawdziwych i fałszywych i o prawdzie i fałszu.

1:36Mamy taką wartość jak po prostu true,

1:39w ten sposób i okazuje się, że operator

1:41porównania zwrócił nam tę wartość. Czyli teraz ta stała res,

1:45ona przechowuje w sobie true

1:47tak jakbyśmy literalnie tu wpisali true. Przechowuje wartość prawdziwą true.

1:52Czyli to jest operator, który nam porównuje dwie rzeczy to co jest tzw.

1:57operandy czyli to co jest po jego lewej i prawej stronie i zwraca nam true lub false

2:01czy te rzeczy są równe.

2:03Więc jeżeli porównamy czy number, który wiemy, że przechowuje 20 jest równy 30 to

2:08okazuje się, że to nam zwraca false. I w tym przypadku

2:13pod zmienną res mamy już wartość false, a to oznacza, że te dwie wartości nie są

2:19równe. I to co należy zapamiętać to wszelkie operatory porównania, o których

2:23mówimy w tej lekcji zawsze nam zwracają true lub false. Czyli wynikiem

2:27jakby całego takiego wyrażenia jest true lub false. Tutaj nic innego nam się pojawić nie

2:32może. I to zostanie przypisane oczywiście do takiej stałej.

2:36Możemy również taki operator zamienić na

2:39potrójny znak równości i mógłbyś się zapytać co to oznacza.

2:43Wyniki będą w tym przypadku dokładnie takie same.

2:46Natomiast potrójny znak równości oznacza,

2:49że będziemy tutaj porównywać dokładnie również typy.

2:53To będzie najlepiej pokazać swoją drogą tutaj nam podkreśla na czerwono,

2:58nie martw się tym bo to nie jest błąd to jedynie taka podpowiedź.

3:05Jeżeli zrobimy tak,

3:07że będziemy chcieli porównać operatorem porównania czy 20, która jest liczbą

3:12jest równe dwudziestce, która jest tekstem zauważ, że również nam zwróciło true.

3:18Jeżeli chciałbym zapytać czy 20 jest równe Jan

3:22to zwróci nam false. Nie jest równe. Ale z jakiegoś powodu

3:25wartość liczbowe jaką jest 20 jest równa wartości tekstowej 20 i mamy tutaj true.

3:32To jest rzecz, którą zrozumiesz później

3:34jak będziesz trochę więcej programował ale wyobraź sobie, że mamy formularz na stronie

3:37internetowej i w tym formularzu ktoś może wpisać jakąś wartość np.

3:41może wpisać imię, nazwisko i powiedzmy wiek.

3:43I strony internetowe czy w zasadzie przeglądarki działają tak, że zawsze jak

3:48ktoś wpisze coś w takim polu to my to dostajemy czyli odczytując w kodzie

3:52wartość takiego pola dostajemy jako ciąg znaków.

3:55Czyli jeżeli nawet ktoś pisze wartość 20 w

3:57takim polu czyli ma 20 lat to my to zawsze otrzymamy jako wartość tekstową np. tak,

4:02. więc jeżeli w kodzie będziemy chcieli

4:04porównać czy to jest równe 20 to możemy to zrobić

4:07takim oto operatorem.

4:08Natomiast jeżeli tutaj postawimy trzeci znak równa się to

4:13to oznacza, że jest to operator tzw.

4:15Strict Equality Operator i on już sprawdza wtedy dokładnie

4:20również typy. A więc nie zwrócił nam tutaj true tylko zwrócił false bo wartość

4:25liczbowe 20 to nie jest to samo co wartość testowa 20. Więc jeżeli chcemy dokładnie

4:30porównać jakieś dwie wartości w tym sprawdzając ich typy pamiętaj to jest typ

4:35tekst, typ liczba to używamy operatora takiego potrójnego porównania.

4:40On znowu zwraca true lub false i to zostanie tutaj podstawione,

4:44natomiast w tym przypadku zwrócił false ale gdybyśmy tutaj mieli dwudziestkę to po

4:48pierwsze te wartości są równe a po drugie są tego samego typu czyli liczbowego

4:52dlatego wtedy zwróci nam tutaj true.

4:55Mamy jeszcze wiele innych operatorów, które

4:57teraz mówię ale nie będę ich zapisywał w formie takiego wyrażenia tylko w formie

5:01instrukcji warunkowej. O instrukcjach jeszcze będziemy mówić

5:04ale tak czy siak już w tym kursie pokazałem bo niestety niektórych koncepcji

5:07nie da się omówić nie korzystając z innych koncepcji. Więc napiszę tutaj if

5:12i to co podamy w nawiasach to musi być wartość prawdziwa lub fałszywa

5:16żeby to co jest pod spodem czyli tutaj się wykonało.

5:19Więc będę chciał wpisać tutaj najpierw jedną

5:22rzecz a za moment uzupełnimy warunek i wpisze tutaj liczba nie jest równa 20.

5:28I teraz piszemy warunek, w którym pokaże Ci inny operator.

5:32Swoją drogą to tutaj zwróciło nam true lub

5:35false. To już wiesz, że te operatory zwracają true lub false.

5:38W instrukcji if podstawiamy tak naprawdę true lub false albo wartość prawdziwą lub fałszywą.

5:44Więc to samo można wstawić po prostu w tym miejscu i będzie to tak samo działać ale

5:48chciałem Ci to najpierw pokazać w formie takiego wyrażenia.

5:50Tutaj natomiast skorzystam z operatora, który mówi nam czy wartości nie są równe.

5:55Więc możemy zapytać czy number nie jest równe 20

5:59to wtedy wyświetli się ta linijka.

6:02Zauważ, że nie wyświetlił się ten tekst dlatego, że number jest równy 20. I podobnie

6:08jak przy tym operatorze, który w tym przypadku sprawdza wartości ale nie

6:12porównuje typów a w tym przypadku porównaj również typy

6:15to kiedy sprawdzamy czy wartości nie są równe to możemy użyć tutaj wykrzyknik

6:19jeden znak równości albo wykrzyknik i dwa znaki równości. I zauważ, że teraz nam już

6:24wyświetliło liczba nie jest równa 20 bo porównywało również typy.

6:29Więc ten operator to jest odwrotność tego

6:31operatora i mówi nam on czy w zasadzie zwraca true lub false

6:34jeżeli tutaj number nie będzie równy 20.

6:38Inne operatory porównania, które mamy to są

6:41takie jak większa od lub mniejsza od więc możemy sprawdzić jeżeli number jest np.

6:45większe od 30 to możemy wtedy wpisać console.log

6:50liczba jest większa od 30.

6:54Zauważ, że nie wyświetliło nam się to nigdzie dlatego, że ta liczba nie jest większa od

6:5930 ale jeżeli zrobimy większa od 10 to już ten tekst wyświetli.

7:03Więc to jest kolejny operator.

7:05Znowu przyjmuje dwa operandy czyli po lewej stronie coś i po prawej

7:09i on też zwraca true lub false.

7:10Gdybyśmy go użyli w tym miejscu to by nam powiedział czy number jest większa od 20,

7:16nie bo 20 jest równe 20 więc tutaj by postawił false.

7:19Więc to zapamiętaj, że wszystkie te operatory, one w wyniku jakby swojego działania

7:24zwracają true, które tu jest podstawione lub false.

7:27Czyli to jest operator większy od.

7:29Możesz się domyślić, że mamy jeszcze operatory takie jak mniejsze od

7:33ja je tutaj po prostu wypisze może sprawdzać czy coś jest mniejsze

7:37natomiast możemy jeszcze sprawdzać coś co chce Ci pokazać większe lub równe czyli

7:41możemy powiedzieć jeżeli number jest większy lub równy 20 to możemy wypisać

7:47ciąg.

7:49Liczba jest większa lub równa 20.

7:53I zauważ, że to nam się wyświetla dlatego,

7:56że number nie jest większa od 20 ale jest równe.

7:59W ten sposób można zapisać większa lub równa.

8:01Możemy również skorzystać z operatora zapisanego w ten sposób.

8:05To oznacza mniejsze lub równe gdybyśmy z niego skorzystali nie będę już tutaj wstawiał.

8:11I na koniec będę chciał Ci pokazać jeszcze jedną rzecz, która połączy już kilka

8:15koncepcji, które poznałeś. Utworzę sobie zmienną

8:19czy w zasadzie stałą number 2 piszę jej wartość 6.

8:23I teraz będziemy chcieli określić czy

8:25wartość kryjąca się pod tą stałą jest liczbą parzystą czy nie.

8:29Pokażę ci jak to zrobić.

8:30Możemy sobie napisać const.isEven czyli czy parzyste.

8:34Pamiętaj, że te nazwy są absolutnie dowolne to jest tylko nazwa stałej.

8:38I teraz zastosujemy takie oto wyrażenie. A więc będziemy chcieli napisać number 2

8:43modulo 2 i teraz możesz sobie przypomnieć to co mówiłem w poprzednich

8:48lekcjach jak pokazywały ten operator Modulo, że on zwraca resztę z dzielenia.

8:53Czyli jeżeli 6 podzielimy przez dwa to jaka jest reszta?

8:57Nie ma żadnej reszty czyli jest to 0 a więc ten operator nam tutaj zwróci 0.

9:02Ale zostawmy sobie to w ten sposób i teraz będziemy chcieli porównać czy to zero,

9:07które tutaj zostało zwrócone jest równe zero.

9:11żeby to lepiej wyglądało,

9:13możemy sobie również to zgrupować. Nie jest to błędem,

9:16a wtedy będziemy widzieli jak to dokładnie

9:19działa chociaż tutaj ta kolejność porównywania tak czy siak zadziałaby

9:22identycznie ale jak dodamy nawiasy to wydaje mi się, że trochę lepiej to wygląda.

9:26Czyli sprawdzamy czy 6 Modulo 2 a więc czy reszta z dzielenia 6 przez 2 to jest 0

9:32i porównujemy to z zerem.

9:34Wiemy że operator porównania zwraca nam

9:37true lub false dlatego w tej zmiennej będziemy mieli true lub false.

9:40Więc jeszcze raz number 2 Modulo2 to nam

9:44zwróci 0 a więc nasz kod się zachowa tak jakbyśmy pytali czy zero jest równe zero.

9:49A ten operator zwraca true lub false skoro 0 jest równe zero podstawi true. I teraz po

9:53prostu gdzieś niżej w naszym programie moglibyśmy sprawdzić co jest stałej isEven

9:58i moglibyśmy na tej podstawie coś wyświetlić coś zrobić i tak dalej.

10:02Więc zostawmy sobie to w ten sposób i

10:04myślę, że już widzisz jak te koncepcje się ze sobą łączą. Mamy operator, który nam

10:08zwraca tutaj liczbę porównujemy czy ta liczba jest równa innej liczbie ten

10:13operator porównania tak jak wszystkie inne, które się tutaj znajdują zwraca nam true lu false

10:17i to właśnie zostanie zapisane w tej stałej.