Преобразование числа в строку в JavaScript

В JavaScript значения переменных 48 и "48" не будут одинаковы, если их сравнивать строго с учетом типа данных. Первое будет числом, второе - строкой. Иногда во время кодирования нам необходимо соблюдать тот или иной тип данных для переменных. Поэтому может потребоваться преобразование данных из одного типа в другой.

Есть много способов преобразовать число в строку. Рассмотрим наиболее популярные из них.

toString()

toString() - метод, который по-умолчанию преобразует данные в строку.

let num1 = 84;
num1.toString();  // '84'

let num2 = NaN;
num2.toString();  // 'NaN'

let num3 = 22.33;
num3.toString();  // '22.33'

String()

Метод String() создает примитивный тип строку для передаваемого ему числа.

String(84);  // '84'
String(NaN);  // 'NaN'
String(22.33);  // '22.33'

toFixed()

Это наименее известный метод, преобразовывающий строку в число. Особенность - для дробных чисел будет происходить округление до целого числа, либо до указанного разряда.

let num1 = 84;
num1.toFixed();  // '84'

let num2 = NaN;
num2.toFixed();  // 'NaN'

let num3 = 22.4567;
num3.toFixed();  // '22'
num3.toFixed(3);  // '22.457'

Объединение с пустой строкой

Добавление пустой строки к числовому значению преобразует данные в строку - это один из самых простых способов выполнить эту работу. Он также считается более быстрым, чем предыдущие, когда речь идет о производительности.

let num1 = 84;
num1 = '' + num1;  // '84'

let num2 = NaN;
num2 = '' + num2;  // 'NaN'

let num3 = 22.33;
num3 = '' + num3;  // '22.33'

Шаблонный литерал

С появлением шаблонных литералов в ES6 вставка числа внутри строки стала валидным способом обработки типов данных. Это самый быстрый способ преобразовать число в строку.

let num1 = 84;
`${num1}`;  // '84'

let num2 = NaN;
`${num2}`;  // 'NaN'

let num3 = 22.33;
`${num3}`;  // '22.33'