От автора: приветствую вас, друзья. В этой статье мы продолжим тему операторов JavaScript. В предыдущих статьях мы с вами рассмотрели основные операторы, которые соответствуют математическим операциям сложения, вычитания, умножения и деления. В этом уроке мы рассмотрим еще несколько полезных операторов, а также их комбинации.
Давайте рассмотрим еще парочку операторов. Оператор присваивания записывается уже знакомым нам знаком равно (=). Он означает не то же самое, что знак равно в математике. Здесь он означает именно присваивание определенного значения или результата вычисления:
|
1 2 3 4 |
var a = 10, b = 2 + 3; alert(a); // 10 alert(b); // 5 |
Также JavaScript предлагает нам сокращенный вариант записи присваивания с одновременным выполнением математической операции. Например, у нас есть некое значение переменной, которое в определенный момент мы хотим увеличить на 5. Мы можем записать это так:
|
1 2 3 4 |
var a = 10; alert(a); // 10 a = a + 5; alert(a); // 15 |
Однако JavaScript позволяет сократить эту запись: a = a + 5; к такой: a += 5;. Эти записи идентичны, т.е. к переменной прибавится число и результат запишется в эту же переменную. Давайте проверим:
То же самое можно делать и с другими арифметическими операторами:
|
1 2 3 4 |
var a = 10; alert(a *= 2); // 20 alert(a -= 2); // 8 alert(a /= 2); // 5 |
При этом мы не только выполним арифметическую операцию, но и запишем в переменную результат вычисления.
И последние операторы, которые мы рассмотрим, это инкремент (++) и декремент (—). Эти операторы увеличивают и уменьшают переменную на единицу. И примеры:
|
1 2 3 4 5 6 7 8 9 |
// инкремент var a = 10; a++; alert(a); // 11 // декремент var a = 10; a--; alert(a); // 9 |
По сути операции инкрементации и декрементации это сокращенная запись вот такого выражения:
|
1 2 3 4 5 6 7 8 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 |
Сейчас мы используем постфиксную форму инкремента и декремента, когда ++ и — стоят после переменной. Однако есть и префиксная форма этих операторов, когда они используются перед переменной. В чем отличие префиксной от постфиксной формы операторов?
Префиксная форма не только увеличит значение переменной, но и сразу вернет новое значение, которое мы сразу же можем использовать. Постфиксная же форма только увеличивает значение переменной, но не возвращает его сразу же. Проще объяснить на примере:
|
1 2 3 4 5 6 7 8 9 10 11 |
// постфиксная форма 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. Удачи!
