Как форматировать числа как строки валюты в JavaScript
Добавить в избранное
JavaScript предоставляет несколько способов форматирования чисел в виде строк денежных единиц. Одним из наиболее часто используемых методов является toLocaleString() метод, который позволяет указать валюту, которые будут использоваться при форматировании номера.
Вот пример того, как использовать этот toLocaleString() метод для форматирования числа в виде строки валюты в долларах США:
let options = { style: 'currency', currency: 'USD' };
let currencyString = number.toLocaleString('en-US', options);
console.log(currencyString); // "$123,456.79"
alert(currencyString); // "$123,456.79"
В этом примере переменная number содержит число для форматирования, а options переменная содержит объект с нужными параметрами форматирования. Метод toLocaleString() вызывается с параметром ('en-US') и параметрами в качестве аргументов, а результат сохраняется в переменной currencyString.
Другой способ отформатировать число как строку валюты — использовать Intl.NumberFormat().
let currency = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD'
});
console.log(currency.format(number)); // "$123,456.79"
alert(currency.format(number)); // "$123,456.79"
В этом примере number переменная содержит число для форматирования, и Intl.NumberFormat() метод вызывается с языковым стандартом ('en-US') и параметрами в качестве аргументов, а результат сохраняется в переменной currency.
Обратите внимание, что оба приведенных выше примера будут форматировать число с символом валюты и соответствующим количеством десятичных разрядов для указанной валюты. Метод toLocaleString() и Intl.NumberFormat() также позаботится о любой необходимой группировке цифр (например, добавление запятых в качестве разделителей тысяч).
Вы также можете использовать литералы шаблонов для форматирования числа как валюты.
let currencyString = `$ ${number.toFixed(2)}`;
console.log(currencyString); // "$ 123456.79"
alert(currencyString); // "$ 123456.79"
В этом примере переменная number содержит число для форматирования, а toFixed(2) метод вызывается с числом десятичных разрядов в качестве аргумента. Полученное значение затем объединяется с символом валюты "$" с использованием литералов шаблона.