Как отформатировать число в JavaScript?

В этой статье будут показаны подходы, которые могут быть реализованы для форматирования числа в JavaScript.

Как отформатировать число в JavaScript?

Следующие подходы могут быть реализованы для форматирования числа в JavaScript:

• “ toFixed() Метод.
• “ Международный ФорматЧисла() Конструктор.
• “ toLocaleString() Метод.
• “ Регулярное выражение ”

Упомянутые подходы теперь будут проиллюстрированы один за другим!

Пример 1. Форматирование числа в JavaScript с использованием метода toFixed()
Этот метод можно применять для форматирования предоставленного числа таким образом, чтобы в нем не оставалось десятичных знаков или в нем оставалось фиксированное количество цифр после запятой.

Сначала укажите номер для форматирования:

Далее примените « toFixed() » для форматирования заданного числа таким образом, чтобы в нем не осталось цифр после запятой:

На этом шаге аналогичным образом примените тот же метод, передав « два ” в своем параметре. Это приведет к форматированию числа до двух знаков после запятой:

Выход

Пример 2. Форматирование числа в JavaScript с помощью конструктора Intl.NumberFormat()

“ Международный ФорматЧисла() » создает новый объект, который позволяет форматировать зависящее от языка число. Этот подход можно применять для форматирования заданного числа на основе указанной валюты.

Во-первых, укажите номер для форматирования:

Теперь примените « Международный ФорматЧисла() ” подход к форматированию указанного числа относительно “ НАС ” валюта и отобразить ее соответствующим образом:

Выход

“ $ ” с номером указывает, что предоставленный номер отформатирован в “ НАС ' валюта.

Пример 3. Форматирование числа в JavaScript с использованием метода toLocaleString()

“ toLocaleString() ” возвращает объект даты в виде строки. Этот метод можно применять для форматирования числа в формате указанного языка.

Синтаксис

• “ местный ” относятся к конкретному языковому формату.
• “ опции ” указывает на объект, которому могут быть назначены свойства.

В приведенном ниже примере назначьте следующий номер переменной с именем « форматЧисло ”:

Теперь примените « toLocaleString() », укажите формат языка как « в нас ” в его параметре и отобразить результирующее отформатированное число:

Выход

Пример 4. Форматирование числа в JavaScript с использованием регулярного выражения

Этот подход можно использовать вместе с « заменять() », чтобы в результате расставить запятые между предоставленными числами с одинаковыми интервалами.

Сначала инициализируйте следующий номер:

Теперь примените метод replace() вместе с регулярным выражением. Регулярное выражение здесь будет выделять « запятые » к инициализированному значению, выполнив глобальный поиск и вернув значения, разделенные запятыми, тем самым отформатировав указанное число:

Выход

Мы сделали вывод об удобных подходах к форматированию числа в JavaScript.

Вывод

“ toFixed() », метод « Международный ФорматЧисла() 'конструктор', ' toLocaleString() 'метод' или ' регулярное выражение ” можно использовать для форматирования числа в JavaScript. Результатом первого метода является форматирование числа таким образом, чтобы в нем не оставалось цифр или оставалось фиксированное количество цифр после запятой. Подход конструктора Intl.NumberFormat() может применяться для форматирования числа на основе валюты, а метод toLocaleString() может быть реализован для форматирования указанного числа в формате, специфичном для языка. Техника регулярных выражений может применяться для форматирования предоставленного числа таким образом, чтобы возвращались значения, разделенные запятыми. В этом блоге продемонстрированы методы форматирования указанного числа в JavaScript.