JavaScript 格式化货币

在本文中，我们将了解 JavaScript 格式化货币。

什么是货币？

它是特定国家使用的钱的类型，这意味着每个国家都有特定的货币，其中包含不同的模式。有不同的方法可以用来显示货币值。

将数字格式化为货币

当数字被格式化时，人们就更容易理解它是哪个国家的货币。例如，印度遵循印度数字系统来表示INR，美国遵循国际数字系统来表示USD等。根据印度数字系统的数字 500000 写作 ₹5,00,000.00，而根据国际数字系统的相同数字写作 $500,000.00。在 JavaScript 中，我们可以利用各种方法根据不同国家的货币来格式化数字。

将数字格式化为货币的方法

以下是用于将数字格式化为货币的方法：

• 使用国际化 API (ECMAScript 402)
• 使用 Intl.NumberFormat() 和 toLocaleString()
• 使用连接方法
• 使用模板字面量和正则表达式

方法 1：使用国际化 API (ECMAScript 402) 将数字格式化为货币

ECMAScript 402 也称为国际化 API，它支持面向语言的操作。此 API 包含 Intl.NumberFormat 对象，允许我们将数字格式化为字符串。

语法

Intl.NumberFormat() 是一个方法，它包含两个参数，如下所示：

en-IN- 它是 locale，即讲某种语言的地区。

{style: 'currency', currency: 'target currency'}- 此参数包含两个属性，如下所述：

style: 'currency'- 它是指定货币的样式属性。

currency: 'target currency'- 它是指定目标货币的货币属性。

让我们在以下演示中使用国际化 API 来格式化数字。

代码

输出

这是输出，我们可以看到数字根据印度货币、美国货币和欧洲货币进行了格式化。

方法 2：使用 Intl.NumberFormat() 和 toLocaleString() 将数字格式化为货币

用于格式化数字的最简单方法是使用 Intl.NumberFormat() 和 toLocaleString()。

让我们在以下演示中使用Intl.NumberFormat() 和 toLocaleString() 将数字格式化为货币。

代码

输出

这是输出，我们可以看到数字根据印度货币和美国货币进行了格式化。

方法 3：使用连接方法将数字格式化为货币() 将数字格式化为货币

此方法用于将数字连接到货币字符串，因此称为连接方法。此方法将两个或多个字符串合并在一起。

让我们在以下演示中使用连接方法来格式化数字。

代码

输出

这是输出，我们可以看到数字根据美国货币被格式化为货币。

方法 4：使用模板字面量和正则表达式() 将数字格式化为货币

我们可以借助模板字面量和正则表达式来格式化数字。

让我们来看以下演示，使用模板字面量和正则表达式来格式化数字。

代码

输出

这是输出，我们可以看到数字使用模板字面量和正则表达式被格式化为美国货币。

结论

在本文中，我们了解了JavaScript 格式化货币。需要记住的要点如下：

• 货币是每个国家都不同的钱，并且具有不同的格式。
• 有多种方法可以将数字格式化为货币，如下所示：
  • 使用国际化 API (ECMAScript 402)
  • 使用 Intl.NumberFormat() 和 toLocaleString()
  • 使用连接方法
  • 使用模板字面量和正则表达式