Операторы и математика

Два слова из жаргона, которые пригодятся: операнд — то, к чему оператор применяется (в записи 5 * 2 операнды — пятёрка и двойка), а сам оператор бывает бинарным (два операнда) или унарным (один). Сложение, вычитание, умножение и деление работают ровно так, как вы ждёте:

console.log(5 + 2);
console.log(5 - 2);
console.log(5 * 2);
console.log(5 / 2);

Дальше два оператора, которых в школьной тетради не было. Знак % — это не проценты, а остаток от деления: 10 % 3 означает «сколько останется, если из десяти забрать все целые тройки». Самое частое применение — проверка чётности: у чётного числа остаток от деления на 2 всегда ноль. А ** возводит в степень.

console.log(10 % 3);
console.log(8 % 2);
console.log(7 % 2);
console.log(2 ** 3);

console.log(16 ** 0.5);
console.log(8 ** (1 / 3));

У плюса есть вторая жизнь. Бинарный a + b складывает, а унарный — стоящий перед одним операндом — ничего не прибавляет, зато превращает операнд в число. С числом он не делает ничего, а вот строку или булево значение конвертирует — ровно как функция Number(), только на семь символов короче. Одно исключение: bigint унарный плюс не берёт вовсе — на +10n он бросает TypeError, а Number(10n) спокойно отдаёт 10.

console.log(+"42");
console.log(+true);
console.log(+"");

Зачем это нужно? Данные из HTML-форм и сетевых запросов почти всегда приходят строками. Если сложить две такие «строки-числа» обычным плюсом, они склеятся, а не сложатся — плюс при виде строки работает как клей. Унарный плюс чинит это в одно движение:

const apples = "2";
const oranges = "3";
console.log(apples + oranges);
console.log(+apples + +oranges);

Когда в выражении несколько операторов, порядок определяет приоритет — у каждого оператора есть свой номер в длинной официальной таблице. Запоминать её не нужно, достаточно интуиции из школы: унарные операторы сильнее бинарных (поэтому в примере выше +apples сработал раньше сложения), умножение и деление сильнее сложения и вычитания. А всё, что хочется сделать первым, просто берётся в скобки — у них приоритет выше всех.

console.log(2 + 2 * 2);
console.log((2 + 2) * 2);

Практическое правило: если при чтении выражения приходится вспоминать таблицу приоритетов — поставьте скобки. Интерпретатору всё равно, а человеку, который будет читать код после вас, станет заметно легче.

Увеличение и уменьшение на единицу — настолько частая операция, что для неё выделили отдельные операторы: ++ (инкремент) и -- (декремент). Применять их можно только к переменным — запись 5++ вызовет ошибку, ведь пятёрку нельзя «изменить».

let counter = 0;
counter++;
counter++;
console.log(counter);

Тонкость в том, что ++ можно поставить и до, и после переменной, и переменная в обоих случаях увеличится одинаково. Разница видна, только когда результат сразу используется: префиксная форма ++a возвращает уже новое значение, а постфиксная a++ — ещё старое.

let a = 5;
let b = 5;
console.log(++a);
console.log(b++);
console.log(a, b);

++i — сначала прибавь, потом отдай. i++ — сначала отдай.

Операторы сравнения — >, <, >=, <= — всегда возвращают булево значение: true или false. Результат можно сохранить в переменную или использовать сразу.

console.log(5 > 3);
console.log(5 <= 4);
console.log(2 >= 2);

Сравнивать можно и строки — JavaScript идёт по ним посимвольно, как при расстановке слов в словаре: сравнил первые символы, при равенстве перешёл ко вторым, и так далее. Для слов это работает ожидаемо, а вот для «строк-чисел» превращается в ловушку: сравниваются символы, а не величины.

console.log("банан" > "апельсин");
console.log("2" > "12");
console.log(+"2" > +"12");

В примере с "2" > "12" JavaScript сравнил первые символы — "2" и "1" — и на этом остановился: двойка в таблице символов дальше единицы, значит true. Если операнды означают числа, приведите их к числам унарным плюсом до сравнения — и ловушка исчезнет. Остальные странности сравнений — почему операнды разных типов становятся числами и почему null равен только undefined — разбирает статья «Сравнения и их ловушки».

Единственный оператор с тремя операндами — потому и тернарный. Записывается как условие ? значение1 : значение2 и читается как вопрос: условие истинно? Тогда возьми первое значение, иначе — второе. Это самый короткий способ выбрать одно из двух.

const age = 20;
const status = age >= 18 ? "взрослый" : "несовершеннолетний";
console.log(status);
console.log(age > 100 ? "рекорд" : "обычный возраст");

Тернарный оператор хорош именно для выбора значения. Когда по условию нужно выполнить разные действия или ветвление разрастается, читаемее конструкция if/else — её и сам тернарный оператор в роли ветвления разбирает статья «Условия: if, else и тернарный оператор».

const x = (1 + 2, 3 + 4);
console.log(x);