JavaScript 将数字格式化为货币字符串

Harshit Jindal 2023年1月30日 2021年4月29日
  1. 使用 Intl.NumberFormat() 方法将数字格式化为 JavaScript 中的货币字符串
  2. 使用 toLocaleString() 方法将数字格式化为 JavaScript 中的货币字符串
  3. 使用 Numeral.js 库将数字格式化为 JavaScript 中的货币字符串
JavaScript 将数字格式化为货币字符串

数字以多种方式表示,例如日期/时间、货币、数字等等。当将其表示为货币值时,其影响会增加,并且变得更具可读性。例如,写为 10000 的货币价值的影响要远小于表示为 $ 10,000.00 的数字的影响。它告诉我们有关数字,不同的货币符号和不同的逗号分隔的更多信息。本教程讲解如何在 JavaScript 中将数字格式化为货币字符串。

使用 Intl.NumberFormat() 方法将数字格式化为 JavaScript 中的货币字符串

此方法用于以语言敏感格式表示数字,并根据提供的参数表示货币。它以两个参数作为输入:localesoptions

  1. locales:它指定语言和区域设置。它是由语言和区域(由短划线分隔)组合而成的小字符串。例如,en-IN 语言环境采用印度和英语的格式。从右起的第一个逗号将千位数分开,其余的以百位数为单位。

  2. options:这是一个由大量属性组成的对象,或者我们可以说选项。将数字格式化为货币字符串时,需要 3 主要选项。

  3. style:这只是我们数字格式的样式。根据使用情况,它可以具有 3 个不同的值,十进制,货币,百分比。在我们的例子中,我们将样式设置为 currency

  4. currency:它指定要在格式数字字符串之前包含的符号的货币类型,例如,美元和欧元。

  5. minimumFractionDigits:指定格式化字符串中小数点后显示的最小位数。

const money = 10000;
const currency = function(number){
    return new Intl.NumberFormat('en-IN', {style: 'currency',currency: 'INR', minimumFractionDigits: 2}).format(number);
};
console.log(currency(money));

上面的代码有助于将给定的数字转换为印度货币字符串。

使用 toLocaleString() 方法将数字格式化为 JavaScript 中的货币字符串

此方法与 Intl.NumberFormat() 本质上相同,但是由于其处理多个项目的速度较慢而通常不使用。对于单个项目,两种方法的速度相似。它具有与 Intl.NumberFormat() 相同的参数。由于两种方法的内部实现方式不同,因此速度有所不同。

const number = 2000;
number.toLocaleString('en-IN', {style: 'currency',currency: 'INR', minimumFractionDigits: 2})
console.log(number);

上面的代码有助于将给定的数字转换为印度货币字符串。

使用 Numeral.js 库将数字格式化为 JavaScript 中的货币字符串

Numeral.js 是用于数字格式化的最广泛使用的库之一。要使用此库将数字格式设置为货币字符串,我们首先创建一个数字实例。该库使用的标准数据类型在执行格式化之前将数字或字符串转换为数字。之后,我们可以使用 format() 函数指定货币格式。

<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

上面的代码用于在浏览器中包含 Numeral.js 库。

var number = 1000;
var myNumeral = numeral (number);
var currencyString = myNumeral.format('$0,0.00');

我们创建了一个数字,然后调用了格式化函数以将数字格式化为带有 2 个小数点的美元。上面的代码提供了一种更简洁的方法来指定货币格式。

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

相关文章 - JavaScript Format

相关文章 - JavaScript Number