JavaScript: Inkrementacja i dekrementacja

0:00Ostatnią grupą operatorów, którą omówimy są operatory inkrementacji i dekrementacji,

0:05które operują na typie number, czyli na liczbach.

0:08Utworzymy sobie zmienną number1 i przypiszemy jej wartość 0.

0:14I teraz wyobraź sobie, że z jakiegoś

0:15powodu będziesz chciał zwiększyć wartość tej zmiennej.

0:19Czyli moglibyśmy to zrobić tak jak już Ci pokazywałem.

0:21Number 1 równa się np.

0:24number 1 + 1, zwiększymy o 1 albo tym operatorem

0:29zwiększenia i przypisania, który też Ci

0:31pokazywałem, można powiedzieć + równa się 1.

0:34Albo można skorzystać z operatora inkrementacji pisząc number + +.

0:40I tutaj ważne, żeby nie było żadnej spacji.

0:42To sprawi, że wartość tej zmiennej zmieni się o 1.

0:46Czyli jeżeli raz to wykonamy będzie ona przechowywała wartość 1.

0:50Gdybym to zrobił ponownie, to na tym etapie mielibyśmy już tutaj wartość 2.

0:54Czyli to jest operator inkrementacji i nazywa się to postinkrementacją,

0:58z tego powodu, że najpierw jest zwracana

1:01wartość, która tutaj jest number 1, a potem jest ona zwiększana.

1:06W takiej sytuacji jak teraz to zapisałem, nie będzie to miało żadnego znaczenia, ale

1:10zobacz co stałoby się, gdybym chciał tę wartość wyświetlić w konsoli.

1:14Czyli napisałbym number 1 + + to co się najpierw stanie?

1:18Otóż najpierw zostanie podstawiona do tej funkcji log aktualna wartość, czyli 0, a

1:23później dopiero zostanie ona zwiększona do 1.

1:25Więc jeżeli poniżej będę chciał wyświetlić

1:28wartość number 1, to ona już tutaj będzie miała wartość 1 a nie 0.

1:32Zobaczmy co się stanie.

1:33Jak widzisz dokładnie to o czym mówię, czyli najpierw mamy 0 a potem 1.

1:37A więc takie przypisanie sprawi, że

1:39owszem, zmieniamy tę wartość, ale dopiero po zwróceniu tej wartości do tej funkcji.

1:44To będzie istotne w niektórych przypadkach.

1:46Natomiast mamy również operator

1:49preinkrementacji, który najpierw zwiększy wartość, a potem ją wyświetli.

1:53I gdybyśmy to zrobili na odwrót

1:55czyli to sobie wykomentuje i te plusy użyli na początku, to to oznacza zwiększ o 1

2:01wartość tej zmiennej i dopiero ją wtedy zwróć.

2:04Więc ten console.log od razu nam wyświetli 1

2:07i ten console.log również nam wyświetli 1.

2:09Zobacz, tak to będzie wyglądać.

2:12No i mamy jeszcze operator dekrementacji, czyli zmniejszania wartości.

2:16Utwórzmy sobie zmienną number 2, która będzie miała wartość 5,

2:21no i on oczywiście działa dokładnie tak samo, tylko że odejmuje 1.

2:24A więc możemy zrobić console.log number minus, minus i console.log

2:28number,

2:30zobaczmy, tutaj oczywiście number 2, edytor mi podświetlił i zobaczymy 5, a następnie 4.

2:37Czyli znowu tutaj zwróciliśmy piątkę i

2:39dopiero zmniejszyliśmy wartość tej zmiennej.

2:42Albo możemy zrobić na odwrót,

2:46czyli na początku zrobić minus minus i to będzie predekrementacja

2:50a więc zmniejsz wartość tej zmiennej o 1 i

2:53dopiero wtedy zwróć się do funkcji log. I wtedy zobaczymy dwa razy 4.

2:59To tyle jeżeli chodzi o te proste operatory.

3:01Będziemy z nich jeszcze w tym kursie korzystać.