Оператори JavaScript. Частина 3

1

Від автора: вітаю вас, друзі. У цій статті ми продовжимо тему операторів JavaScript. У попередніх статтях ми з вами розглянули основні оператори, які відповідають математичних операцій додавання, віднімання, множення і ділення. У цьому уроці ми розглянемо ще кілька корисних операторів, а також їх комбінації.

Давайте розглянемо ще парочку операторів. Оператор присвоювання записується вже знайомим нам знаком рівності (=). Він означає не те ж саме, що знак » дорівнює в математиці. Тут він означає саме присвоювання певного значення або результату обчислення:

var a = 10,
b = 2 + 3;
alert(a); // 10
alert(b); // 5

Також JavaScript пропонує нам скорочений варіант запису присвоювання з одночасним виконанням математичної операції. Наприклад, у нас є якесь значення змінної, яке в певний момент ми хочемо збільшити на 5. Ми можемо записати так:

var a = 10;
alert(a); // 10
a = a + 5;
alert(a); // 15

Однак JavaScript дозволяє скоротити цю запис: a = a + 5; до такої: a += 5;. Ці записи ідентичні, тобто до змінної додасться число і результат запишеться у цю ж змінну. Давайте перевіримо:

Те ж саме можна робити і з іншими арифметичними операторами:

var a = 10;
alert(a *= 2); // 20
alert(a= 2); // 8
alert(a /= 2); // 5

При цьому ми не тільки виконаємо арифметичну операцію, але і запишемо в змінну результат обчислення.

І останні оператори, які ми розглянемо, це інкремент (++) і декремент (—). Ці оператори збільшують і зменшують змінної на одиницю. І приклади:

// інкремент
var a = 10;
a++;
alert(a); // 11
// декремент
var a = 10;
a—;
alert(a); // 9

По суті операції инкрементации і декрементации це скорочений запис ось такого виразу:

// інкремент
var a = 10;
a++; // або a = a + 1; або a += 1;
alert(a); // 11
// декремент
var a = 10;
a—; // або a = a — 1; або a -= 1;
alert(a); // 9

Зараз ми використовуємо постфиксную форму инкремента і декремента, коли ++ і — стоять після змінної. Однак є і префіксна форма цих операторів, коли вони використовуються перед змінної. У чому відмінність префиксной від постфиксной форми операторів?

Префіксна форма не тільки збільшить значення змінної, але і відразу поверне нове значення, яке ми одразу ж можемо використовувати. Постфіксна форма лише збільшує значення змінної, але не повертає його відразу ж. Простіше пояснити на прикладі:

// постфіксна форма
var a = 10;
var b = a++; // змінна a = 11, змінна b = 10
alert(a); // 11
alert(b); // 10
// префіксна форма
var a = 10;
var b = a++; / / змінна a = 11, змінна b = 11
alert(a); // 11
alert(b); // 11

Постфиксный інкремент:

Префіксний інкремент:

Найчастіше на практиці ви будете використовувати саме постфиксную форму і поки що, можливо, може бути не зрозуміло призначення префиксной форми, але насправді бувають випадки, коли без неї обійтися складно.

На цьому ми завершуємо статтю і знайомство з основними операторами JavaScript. Якщо ви хочете більше дізнатися про JavaScript, тоді рекомендую звернути свою увагу на уроки по JavaScript і окремий курс по мові JavaScript. Удачі!