Podstawy Programowania: Operatory arytmetyczne

0:00W tej i w kilku kolejnych lekcjach powiemy

0:02sobie o różnych operatora, które są dostępne w języku JavaScript i tak

0:06naprawdę w każdym innym języku programowania.

0:09Na początek będę chciał utworzyć sobie dwie zmienne number 1 tak ją sobie nazwę, pamiętaj,

0:14że w nazwach zmiennych można umieszczać liczby ale nie na początku takiej nazwy.

0:19I piszemy tutaj wartość 2 i zrobimy let number 2 i przypiszemy

0:24wartość 4. Specjalnie tutaj nie użyłem const tylko let bo później będę chciał zmieniać

0:29wartości tych zmiennych. Więc mamy dwie zmienne które przechowują wartości

0:34liczbowe czyli to są wartości specjalnego typu z punktu widzenia języka.

0:38I teraz będę chciał wykorzystać operator

0:40dodawania żeby te dwie wartości dodać i zapisać ich wynik w zmiennej.

0:44Ale co ciekawe nie musimy go nigdzie zapisywać. Zrobimy sobie console log

0:49i zauważ, że w tym miejscu do tej pory

0:52przekazaliśmy albo wartość zmiennej czyli jakby nazwę zmiennej

0:56chcemy wtedy wyświetlić tutaj w konsoli dwójkę

0:58albo można literalnie tutaj przekazać jakąś wartość np.

1:02przekazaliśmy Jan, czy możemy literalnie przekazać dwójkę też

1:05będzie wyświetlana ale możemy tutaj również przekazać wyrażenie.

1:09Więc będę chciał napisać number 1

1:12plus number 2. I tak naprawdę to co będzie musiał zrobić kompilator tego języka

1:18przy uruchamianiu tego wszystkiego to

1:21będzie musiał najpierw wykonać to wyrażenie bo nazywamy to wyrażeniem

1:24więc podstawić tutaj to co jest w zmiennej number 1 czyli dwójkę tutaj podstawi

1:29dokładnie tak samo jakby ona tu była wpisana

1:31można powiedzieć ręcznie.

1:33Tutaj podstawi czwórkę doda te dwie liczby co da nam wynik 6 tutaj już nam

1:37Quokka ładnie to pokazuje i następnie do tej funkcji console.log

1:41podstawić szóstkę a ta funkcja zajmie się tym żeby to po prostu wyświetlić.

1:45Więc tak to będzie wyglądać a więc możemy napisać numer 1 plus number 2

1:50I skorzystaliśmy tutaj właśnie z operatora arytmetycznego dodawania.

1:55Pozwoliło nam to dodać dwie wartości.

1:56Dlatego tak istotne było żeby te wartości

1:59to nie były takie wartości ale żeby to były wartości liczbowe i wtedy można

2:04powiedzieć że język wie co ma z tym zrobić.

2:06Jeżeli użyjemy plusa wie, że ma je po

2:08prostu do siebie dodać. Natomiast chciałabym żebyśmy ten wynik zapisali

2:12sobie zmiennej bo jak najbardziej również można to robić.

2:15Więc możemy sobie stworzyć zmienną czy w tym przypadku stałą bo nie będę zmieniał

2:19jej wartości i nazwiemy ją res 1 jak result 1 czyli wynik pierwszy.

2:24I znowu to działa tak, że program wykonuje się od góry do dołu tworzy dwie zmienne

2:29tutaj są ich wartości następnie tworzy stałą ale zanim do niej wypisze wartość to

2:34musi wyliczyć jaka będzie ta wartość więc podstawia tutaj dwójkę tutaj czwórkę dodaje je,

2:40to daje wynik 6 i szóstkę zapisuje tak naprawdę w tej stałej.

2:44Więc jeżeli się odwołany przez console.log

2:46żeby to po prostu zobaczyć do res 1 zapiszemy widzimy, że tutaj zostało

2:51wyświetlone 6. A więc pierwszym z operatorów arytmetycznych jest plus.

2:55No i teraz jak się możesz domyślić mamy

2:56również inne takie jak minus czyli podejmowanie mnożenie itd.

3:00Za moment je szybko pokaże ale chciałbym na

3:02sekundę dosłownie zatrzymać się przy tym plusie. Co by się stało w sytuacji gdybyśmy

3:07chcieli dodać inne wartości. Wykomentuje tę linijkę żeby nam się ona nie

3:11pojawiała tutaj i teraz będę chciał w konsoli bezpośrednio

3:16bez tworzenia zmiennych dodać dwie wartości.

3:18Pamiętaj, że to byłoby dokładnie tak samo

3:20jakby one były w zmiennych i byśmy je tutaj podstawiali.

3:23Co by było gdybyśmy chcieli dodać wartości tekstowe a więc dwa plus cztery.

3:29Co by było gdybyśmy to zrobili w ten sposób.

3:31Okazuje się że widzimy tutaj 24.

3:34I to jest dziwne.

3:36Z czego to wynika.

3:37To wynika z tego, że 24, które otrzymaliśmy z powrotem to nie jest liczba ale jest to

3:44ciąg znaków czyli tak samo jakbyśmy dodali a plus b.

3:47Po prostu zostałoby to złączone w A i B.

3:50Więc jeżeli próbujemy operatorem Plusa dodać dwa ciągi znaków to chociaż wydaje

3:55się, że to co zostało zwrócone to jest liczba tak naprawdę jest to po prostu

3:59połączony tekst 2 doklejone do 4. Gdybym tutaj napisał 3 to mielibyśmy 2 okrojone do 4 3.

4:05Ale to co zostało zwrócone i co moglibyśmy przechwycić zapisać

4:09zmiennej to byłaby już wartość testowa czyli string.

4:12Możemy to również sprawdzić w ten sposób

4:14pokaże Ci fajny trik jeżeli byśmy to zapisali w np.

4:19res 2 coś takiego

4:23to możemy potem operatorem Type of, który

4:25jest dostępny w języku JavaScript możemy powiedzieć typeof res2,

4:29co to jest i on nam powie, że jest to string.

4:31To oznacza, że wartość przechowywana w

4:34tej stałej to jest wartość String czyli testowa a gdybyśmy tutaj dodali dwójkę

4:40do 43

4:42to mielibyśmy tutaj wartość 45 i res2 wtedy jest o typie number.

4:48To jest ważne.

4:49Możesz sobie zapamiętać że jest taki operator,

4:51natomiast chciałem po prostu pokazać,

4:53że Plus czyli ten operator arytmetyczny jeżeli jest używany na liczbach to on te

4:58liczby doda czyli dwa plus cztery to jest sześć.

5:01Ale jeżeli go użyjemy na ciągach znaków czyli gdyby tutaj było dwa plus cztery

5:06to już nie będzie 6 tylko to będzie 2 i 4 czyli będzie wyglądać jak 24.

5:11Ale to będzie to tekst zawierający 2 i 4 po prostu.

5:15Więc jest to istotne, że ten operator

5:16używany na ciągu znaków pozwala nam je po prostu ze sobą łączyć.

5:21Więc może ja sobie to

5:24wykomentuje albo zostawimy to może w ten sposób ok a z tym przejdziemy sobie niżej bo

5:28będziemy chcieli teraz jeszcze zobaczyć jak wyglądają w praktyce inne operatory

5:32takie jak odejmowanie, mnożenie itd.

5:35Więc jeżeli byśmy sobie utworzyli stałą powiedzmy res3 czyli rezultat trzeci i

5:40zrobimy number 1 co mieliśmy u góry -number2 to będzie 2 minus 4

5:46to powinno dać nam wartość -2 i zobaczmy sobie tu podstawowy rezultat trzeci.

5:51Dokładnie tak się też dzieje.

5:53Czyli możemy dodawać i odejmować. W przypadku wartości tekstowych to odejmowanie

5:57już działać nie będzie w przypadku wartości

6:00tekstowych plus je ze sobą łączył.

6:03Minus tutaj nie będzie miał specjalnego znaczenia.

6:06Kolejna rzecz, którą możemy zrobić to jest mnożenie napiszemy sobie rezultat 4 to jest

6:10number1 razy za pomocą takiej gwiazdki number2 a więc będzie to 2 razy 4

6:16oczywiście możemy sobie tutaj podejrzeć i widzimy, że wynik jest to 8.

6:20Kolejna rzecz jaką możemy zrobić,

6:22ja może skopiuję całą tą linijkę i po

6:24prostu zmienię nazwę stałej na 5 zrobimy number1 dzielone w ten

6:31sposób się to robi przez number2 i zobaczmy co nam tutaj się pokaże.

6:35Widzimy, że będzie to wartość zmienną przecinka pół.

6:38Czyli można powiedzieć, że w tej zmiennej zostaje zapisane 0,5

6:41i jest to wartość liczbowa

6:43dokładnie tak samo jak byśmy to zrobili tak.

6:46Czyli można powiedzieć, że takie wyrażenie

6:48coś się zwraca i zapisuje w tej stałej. Mamy jeszcze operator arytmetyczny tzw.

6:54Modulo, jest to reszta z dzielenia. Zróbmy

6:56sobie rezultat szósty i tu wpisze zamiast zmiennych to wpisze literalnie po prostu

7:016 %.

7:03To jest ten Modulo 3.

7:04Czyli jaka jest reszta z dzielenia jeżeli

7:06podzielimy sześć przez trzy zobacz, to nam zwraca 0,

7:11natomiast gdybyśmy tutaj zrobili rezultat siódmy i byśmy podzielili 6 przez 4

7:20tutaj podstawimy rezultat siódmy to się okazuje, że reszta z dzielenia jest to 2.

7:26Bo 6 dzielone przez 4 daje nam 1 i dwójka jako reszta z dzielenia.

7:30Ten operator może się w wielu sytuacjach przydać.

7:33Nie będziemy na razie omawiać kiedy on się może przydać,

7:36na razie omawiamy tylko to, że taki

7:38operator arytmetyczny istnieje w języku JavaScript i również w innych językach programowania.

7:43Kolejna rzecz, którą chciałbym pokazać to

7:45jest kolejność działań więc napiszemy rezultat ósmy.

7:48I tutaj będę chciał zrobić coś takiego jak dwa plus dwa razy cztery.

7:53I teraz warto zapamiętać, że tutaj język zadba o to żeby ta kolejność była poprawna. Czyli

7:59najpierw 2 razy 4 to jest 8 a potem do tego dodać dwójkę

8:02i to będzie wartość 10.

8:04Zobaczmy, dokładnie już nam tutaj podpowiada.

8:06Jeżeli zapisze uruchomimy ten program oczywiście też 10 się tutaj pojawi.

8:11Możemy jednak wymusić kolejność działań

8:13jeżeli bym tutaj zrobił rezultat dziewięć i zrobiłbym sobie w nawiasach 2+2

8:22a potem zrobił razy 4

8:24to to wymusi można powiedzieć na języku żeby zrobił to w określonej kolejności.

8:29Czyli dwa plus dwa to będzie 4 i pomnożone razy 4 da nam jak widzisz 16.

8:34Na koniec jeszcze Ci pokaże jedną fajną rzecz. Utworzyłem tutaj specjalnie zmienne czyli z

8:39użyciem let a nie stałe po to żeby móc zmieniać ich wartość i na końcu chciałbym

8:43Ci pokazać, że możemy zmienić wartość takiej zmiennej w ciekawy sposób.

8:48Otóż wyobraź sobie, że do tej zmiennej

8:50number 1, którą mamy u góry ona ma dwójkę w sobie chcielibyśmy dodać jeszcze dwójkę.

8:56Czyli jak to zrobić.

8:58Moglibyśmy nadpisać wartość tej zmiennej.

9:00Pamiętasz, że tu możemy sobie wpisać dowolną

9:03rzecz. Więc możemy nadpisując taką wartość wpisać number 1 + 2

9:08I znowu język będzie to musiał zrobić w ten sposób czy ta platforma, która nam wykonuje

9:13kod, że bierze to co jest w tej zmiennej number 1 to jest dwójka podstawa tutaj tą

9:19dwójkę następnie z użyciem Plusa dodaję te dwie dwójki.

9:22To nam daje wartość 4 i tą czwórkę

9:25zapisuje jako nową wartość zmiennej number1 Więc w ten sposób to można oczywiście

9:30zrobić i jeżeli sobie tutaj wyświetlimy teraz number 1 zapiszemy widzimy, że jest to 4.

9:36Natomiast można to zrobić również krócej

9:38więc ja wykomentuję tą linijkę, zostawię ją dla Ciebie. Możemy napisać number 1

9:43plus równa się 2.

9:46To może na początku wyglądać dziwnie,

9:48tutaj musi być oczywiście jedynka,

9:51natomiast to jest dokładnie to samo co wyżej to oznacza zmień wartość tej

9:55zmiennej o 2 dodając do tego co już tam jest dwójkę.

9:58Jeżeli teraz zapiszemy dokładnie to samo nam się tutaj pojawia.

10:02No i na koniec chcę Ci tylko wspomnieć o tym, że zamiast plus równa się możemy to

10:07samo zrobić z minusem czyli jeżeli chcielibyśmy pomniejszyć tą wartość o 2 to

10:11można by było napisać minus równa się 2 itd.

10:14Ja zapisze tutaj w komentarzu jakie

10:16operatory są dostępne. Nie będę ich wszystkich pokazywał czyli plus równa się,

10:20z którego skorzystaliśmy, następnie minus równa się,

10:24następnie razy równa się i następnie dzielona równa się.

10:28Może to dziwnie wyglądać może nie często

10:30się z tego korzysta ale warto wiedzieć, że zamiast pisać np.

10:33number równa się number 1 razy 2 to możemy

10:37zrobić od razu tutaj coś takiego a tutaj podstawić dwójkę

10:41wtedy by to również zadziałało dokładnie tak samo jak z tym plusem.

10:45Więc po prostu zostawię to tutaj abyś o

10:47tym pamiętał jest to taki skrót. No i w ten sposób omówiliśmy wszystkie

10:51istotne operatory arytmetyczne, które pozwalają nam wykonywać działania na

10:55liczbach a w szczególnych przypadkach jeżeli próbujemy dodać ze sobą dwa ciągi

10:59znaków to również to działa ale ich można powiedzieć że nie dodaje traktując jako

11:04liczby ale łączy ze sobą traktując jako po prostu dwa ciągi znaków.