Урок 78 из 114 · 9 мин

Числа в строку

toString с основанием, toPrecision, toExponential, toLocaleString и valueOf у чисел.

Разные виды

Мне нужен цвет в виде «c8763a», а не 13137466.
Бро
toString(16) — и число превратится в шестнадцатеричную строку.

Метод

toString(основание)

Число в любой системе

Что это: (255).toString(16) → «ff», (5).toString(2) → «101».
Зачем: Цвета, двоичные маски.
Как: JavaScript
console.log((13137466).toString(16), (5).toString(2));
Так это работает

Метод

toPrecision()

Значащие цифры

Что это: (1234.5).toPrecision(3) → «1.23e+3», (0.004567).toPrecision(2) → «0.0046».
Зачем: Округлить до точности измерения.
Как: JavaScript
console.log((1234.5).toPrecision(6), (0.004567).toPrecision(2));
Так это работает

Метод

toExponential()

Научная запись

Что это: (123456).toExponential(2) → «1.23e+5».
Зачем: Очень большие и малые величины.
Как: JavaScript
console.log((123456).toExponential(2), (0.00015).toExponential());
Так это работает

Метод

toLocaleString()

Число по-русски

Что это: (1250.5).toLocaleString("ru-RU") → «1 250,5». Принимает те же настройки, что Intl.NumberFormat.
Зачем: Цены и количества для людей.
Как: JavaScript
console.log((1250.5).toLocaleString("ru-RU"), (1250.5).toLocaleString("ru-RU", { style: "currency", currency: "RUB" }));
Так это работает

Метод

valueOf()

Примитив из обёртки

Что это: Возвращает число из объекта new Number(…).
Зачем: Понимать обёртки.
Как: JavaScript
console.log(typeof new Number(5), typeof new Number(5).valueOf());
Так это работает

Ника
Для людей — toLocaleString, для машин — toString и toFixed.

Ваш ход

Задание

Цвет и цена

Напиши hex(n) — шестнадцатеричная строка из 6 символов с ведущими нулями (toString(16) + padStart), и rub(n) — цена через toLocaleString("ru-RU") + ₽.

Шестнадцатеричный цвет — пока нет
Цена по-русски — пока нет

function hex(n) {
  return String(n);
}
function rub(n) {
  return n + " ₽";
}

function hex(n) {
  return String(n);
}
function rub(n) {
  return n + " ₽";
}

Результат обновляется при вводе

ПрактикаОбязательное задание

Двоичная

Выберите один ответ.

Что вернёт (6).toString(2)?

Домашнее заданиеДля закрепления

Точность

Выберите один ответ.

Что делает toPrecision(3)?

Куда отправимся?

Веб-разработка с нуля: четыре курса по порядку.

Куда отправимся?

Числа в строку

Число в любой системе

Значащие цифры

Научная запись

Число по-русски

Примитив из обёртки

Ваш ход

Цвет и цена

Двоичная

Точность

Ваше обучение