От автора: приветствую вас, друзья. В этой статье мы коснемся темы операторов JavaScript. Речь идет, прежде всего, о знакомых всем нам со школьной скамьи математических операторах или действиях, которые позволяют не только отнять и поделить, но еще и добавить и умножить 🙂 В данной статье мы поговорим об операторе сложения и конкатенации строк.
Во всех языках программирования есть основной набор операторов, которые, как вы уже догадались, присутствуют и в JavaScript. С их помощью мы можем производить над переменными и данными как математические, так и другие операции. Давайте начнем с простейших математических операций.
Первый оператор — плюс (+) или, точнее, оператор сложения. Этот оператор позволяет складывать как числа, так и строки… да-да, вы не ослышались, оператор сложения может складывать и строки. Правда, называть правильно такую операцию не сложение строк, а конкатенация строк. Давайте посмотрим на практике. Я, пожалуй, не буду в этой статье использовать редактор, вместо этого воспользуюсь консолью браузера. Если вы забыли, что такое консоль, посмотрите эту статью.
Итак, открою консоль клавишей F12 и попробую сложить два числа:
В редакторе вместо консоли я мог бы написать нечто вроде:
|
1 |
alert(2+3); |
В любом случае, JavaScript отлично справился с ролью калькулятора и выдал результат: 5. Кроме чисел мы можем складывать и значения переменных, вот так:
Ну с числами все ясно. А давайте попробуем конкатенировать (складывать) строки. Попробуем склеить строки «Hello,» и «world»:
|
1 2 |
var a = 'Hello,', b = 'world'; a+b; |
В итоге мы получили одну строку. Не хватает пробела, правда, давайте приклеим и его:
Какой нюанс следует учитывать при использовании оператора сложения. Если мы хотим сложить два числа и при этом одно из чисел является числовой строкой (число, заключенное в кавычки), в этом случае оба числа будут приведены к типу строки (здесь мы немного затронули тему приведения типов) и в результате мы получим не операцию сложения, а операцию конкатенации строк:
Чтобы избежать неожиданного результата, при сложении переменных мы можем привести числовую строку к числовому типу данных. Сделать это можно несколькими способами, самый простой — использовать т.н. унарный плюс. Унарный плюс — это тот же оператор сложения, только примененный к одному значению. В отличие от унарного плюса, бинарный плюс, который мы использовали до этого, применялся сразу к двум значениям. Сравните:
|
1 2 3 4 |
var a = '2', b = '3'; a + b; // бинарный плюс, поскольку применяется к значению слева и справа +a + +b; // а здесь идут унарный, бинарный и вновь унарный плюс |
Проверим, как отработают на практике оба примера:
Как видите, в первом случае числовые строки конкатенируются, во втором они приводятся к числу и складываются.
На этом мы, пожалуй, остановимся. В следующей статье продолжим тему операторов JavaScript. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
