Преобразование типов: где JavaScript вас удивит

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

const answer = 42;
console.log(String(answer));
console.log(typeof String(answer));

Со строками всё честно: значение просто записывается буквами, без сюрпризов. Даже null и NaN становятся обычными словами.

console.log(String(null));
console.log(String(true));
console.log(String(NaN));

Числовое преобразование запускается функцией Number(), а неявно — почти любой математикой: делением, умножением, сравнением. Правила здесь строже, чем у строк, и их стоит выучить наизусть.

console.log(Number("123"));
console.log(Number("  12  "));
console.log(Number("12px"));

console.log(Number(null));
console.log(Number(undefined));
console.log(Number(""));

Логическое преобразование — самое простое: весь мир делится на два лагеря. Ложных значений восемь: false, 0, -0, 0n, пустая строка "", null, undefined и NaN. Абсолютно всё остальное — true, и это правило молча срабатывает в каждом if. На практике чаще всего встречаются пять из восьми: 0, пустая строка, null, undefined и NaN; false, -0 и 0n попадаются реже. Полный список с разбором ждёт в статье «Условия: if, else и тернарный оператор».

console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean("0"));
console.log(Boolean(" "));

Лжецов восемь: false, 0, -0, 0n, "", null, undefined, NaN. Всё остальное не врёт.

Подвох прячется в кавычках: "0" — не ноль, а строка из одного символа, поэтому она истинна. То же со строкой из пробела. Язык проверяет не «похоже ли на ноль», а «пустая ли строка».

У оператора + двойная жизнь: если хотя бы один операнд — строка, он бросает математику и склеивает строки. Остальные арифметические операторы — -, *, / — таких сомнений не знают и всегда переводят операнды в числа.

console.log("5" + 3);
console.log("5" - 3);
console.log("5" * "2");

Правило простое: увидели + рядом со строкой — ждите строку. Данные из полей ввода и URL всегда приходят строками, поэтому перед сложением их нужно явно пропустить через Number() — с этой ловушкой мы уже сталкивались в статье «Диалоги браузера: alert, prompt, confirm», где строку отдавал prompt. Теперь видно, почему так: склеивает не prompt, а сам плюс. Как TypeScript ещё до запуска замечает число, незаметно ставшее строкой, покажет статья «Что компилятор находит в вашем коде из части I» в части III.