Операторы JavaScript. Часть 3

Операторы JavaScript

От автора: приветствую вас, друзья. В этой статье мы продолжим тему операторов 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. Удачи!

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree