Операторы JavaScript. Оператор сложения

Операторы JavaScript. Оператор сложения

От автора: приветствую вас, друзья. В этой статье мы коснемся темы операторов JavaScript. Речь идет, прежде всего, о знакомых всем нам со школьной скамьи математических операторах или действиях, которые позволяют не только отнять и поделить, но еще и добавить и умножить :) В данной статье мы поговорим об операторе сложения и конкатенации строк.

Во всех языках программирования есть основной набор операторов, которые, как вы уже догадались, присутствуют и в JavaScript. С их помощью мы можем производить над переменными и данными как математические, так и другие операции. Давайте начнем с простейших математических операций.

Первый оператор — плюс (+) или, точнее, оператор сложения. Этот оператор позволяет складывать как числа, так и строки… да-да, вы не ослышались, оператор сложения может складывать и строки. Правда, называть правильно такую операцию не сложение строк, а конкатенация строк. Давайте посмотрим на практике. Я, пожалуй, не буду в этой статье использовать редактор, вместо этого воспользуюсь консолью браузера. Если вы забыли, что такое консоль, посмотрите эту статью.

Итак, открою консоль клавишей F12 и попробую сложить два числа:

В редакторе вместо консоли я мог бы написать нечто вроде:

alert(2+3);

В любом случае, JavaScript отлично справился с ролью калькулятора и выдал результат: 5. Кроме чисел мы можем складывать и значения переменных, вот так:

Ну с числами все ясно. А давайте попробуем конкатенировать (складывать) строки. Попробуем склеить строки «Hello,» и «world»:

var a = 'Hello,', b = 'world';
a+b;

В итоге мы получили одну строку. Не хватает пробела, правда, давайте приклеим и его:

Какой нюанс следует учитывать при использовании оператора сложения. Если мы хотим сложить два числа и при этом одно из чисел является числовой строкой (число, заключенное в кавычки), в этом случае оба числа будут приведены к типу строки (здесь мы немного затронули тему приведения типов) и в результате мы получим не операцию сложения, а операцию конкатенации строк:

Чтобы избежать неожиданного результата, при сложении переменных мы можем привести числовую строку к числовому типу данных. Сделать это можно несколькими способами, самый простой — использовать т.н. унарный плюс. Унарный плюс — это тот же оператор сложения, только примененный к одному значению. В отличие от унарного плюса, бинарный плюс, который мы использовали до этого, применялся сразу к двум значениям. Сравните:

var a = '2',
    b = '3';
a + b; // бинарный плюс, поскольку применяется к значению слева и справа
+a + +b; // а здесь идут унарный, бинарный и вновь унарный плюс

Проверим, как отработают на практике оба примера:

Как видите, в первом случае числовые строки конкатенируются, во втором они приводятся к числу и складываются.

На этом мы, пожалуй, остановимся. В следующей статье продолжим тему операторов JavaScript. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

JavaScript&jQuery с нуля до профи

Пройдите пошаговый видеокурс по JavaScript&jQuery

Научиться

Метки:

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

Комментарии 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