В этой статье будут показаны подходы, которые могут быть реализованы для форматирования числа в JavaScript.
Как отформатировать число в JavaScript?
Следующие подходы могут быть реализованы для форматирования числа в JavaScript:
- “ toFixed() Метод.
- “ Международный ФорматЧисла() Конструктор.
- “ toLocaleString() Метод.
- “ Регулярное выражение ”
Упомянутые подходы теперь будут проиллюстрированы один за другим!
Пример 1. Форматирование числа в JavaScript с использованием метода toFixed()
Этот метод можно применять для форматирования предоставленного числа таким образом, чтобы в нем не оставалось десятичных знаков или в нем оставалось фиксированное количество цифр после запятой.
Сначала укажите номер для форматирования:
пусть форматЧисло знак равно 12.345678 ;
Далее примените « toFixed() » для форматирования заданного числа таким образом, чтобы в нем не осталось цифр после запятой:
приставка. журнал ( 'Отформатированное число:' , форматЧисло. toFixed ( ) ) ;На этом шаге аналогичным образом примените тот же метод, передав « два ” в своем параметре. Это приведет к форматированию числа до двух знаков после запятой:
приставка. журнал ( 'Отформатированное число:' , форматЧисло. toFixed ( два ) ) ;
Выход
Пример 2. Форматирование числа в JavaScript с помощью конструктора Intl.NumberFormat()
“ Международный ФорматЧисла() » создает новый объект, который позволяет форматировать зависящее от языка число. Этот подход можно применять для форматирования заданного числа на основе указанной валюты.
Во-первых, укажите номер для форматирования:
константа форматЧисло знак равно 12345,67 ;Теперь примените « Международный ФорматЧисла() ” подход к форматированию указанного числа относительно “ НАС ” валюта и отобразить ее соответствующим образом:
пусть numUpd знак равно новый Международный Формат номера ( 'в нас' , { стиль : 'валюта' , валюта : 'ДОЛЛАР США' } ) . формат ( форматЧисло ) ;приставка. журнал ( «Отформатированная валюта:» , numUpd ) ;
Выход
“ $ ” с номером указывает, что предоставленный номер отформатирован в “ НАС ' валюта.
Пример 3. Форматирование числа в JavaScript с использованием метода toLocaleString()
“ toLocaleString() ” возвращает объект даты в виде строки. Этот метод можно применять для форматирования числа в формате указанного языка.
Синтаксис
Свидание . toLocaleString ( местный , опции )- “ местный ” относятся к конкретному языковому формату.
- “ опции ” указывает на объект, которому могут быть назначены свойства.
В приведенном ниже примере назначьте следующий номер переменной с именем « форматЧисло ”:
пусть форматЧисло знак равно 7323452568.283 ;Теперь примените « toLocaleString() », укажите формат языка как « в нас ” в его параметре и отобразить результирующее отформатированное число:
был нас знак равно форматЧисло. toLocaleString ( 'в нас' ) ;приставка. журнал ( 'Отформатированное число:' , нас ) ;
Выход
Пример 4. Форматирование числа в JavaScript с использованием регулярного выражения
Этот подход можно использовать вместе с « заменять() », чтобы в результате расставить запятые между предоставленными числами с одинаковыми интервалами.
Сначала инициализируйте следующий номер:
был форматЧисло знак равно 445567788 ;Теперь примените метод replace() вместе с регулярным выражением. Регулярное выражение здесь будет выделять « запятые » к инициализированному значению, выполнив глобальный поиск и вернув значения, разделенные запятыми, тем самым отформатировав указанное число:
приставка. журнал ( 'Отформатированное число:' , Нить ( форматЧисло ) . заменять ( /(.)(?=(\d{3})+$)/г , '1 доллар' ) )Выход
Мы сделали вывод об удобных подходах к форматированию числа в JavaScript.
Вывод
“ toFixed() », метод « Международный ФорматЧисла() 'конструктор', ' toLocaleString() 'метод' или ' регулярное выражение ” можно использовать для форматирования числа в JavaScript. Результатом первого метода является форматирование числа таким образом, чтобы в нем не оставалось цифр или оставалось фиксированное количество цифр после запятой. Подход конструктора Intl.NumberFormat() может применяться для форматирования числа на основе валюты, а метод toLocaleString() может быть реализован для форматирования указанного числа в формате, специфичном для языка. Техника регулярных выражений может применяться для форматирования предоставленного числа таким образом, чтобы возвращались значения, разделенные запятыми. В этом блоге продемонстрированы методы форматирования указанного числа в JavaScript.