如何在 JavaScript 中将数字格式化为货币字符串？

当处理货币相关的数据时，格式化数字为货币字符串是一项常见的任务。JavaScript提供了几种方法来完成这个任务。

1. 使用toLocaleString()

JavaScript的 Number 对象有一个内建的 toLocaleString() 方法，它可以根据特定地区和语言的格式，将数字格式化为货币字符串。下面是使用 toLocaleString() 的示例代码：

const number = 12345.67;
const currencyString = number.toLocaleString('en-US', { style: 'currency', currency: 'USD' });

console.log(currencyString); // 输出 $12,345.67

• 首先，我们定义了一个数字 12345.67。
• 然后，我们使用 toLocaleString() 方法来格式化该数字为美元(USD)货币字符串。
• 第一个参数 'en-US' 代表了使用美国的地区和语言进行格式化。
• 第二个参数是一个选项对象，其中 style: 'currency' 表示我们希望将数字格式化为货币，currency: 'USD' 则指定了货币单位为美元。

通过使用不同的地区和语言参数，你可以根据需要格式化数字为不同地区的货币字符串。

2. 自定义函数

如果你需要更多的控制权，你也可以使用自定义函数来将数字格式化为货币字符串。以下是一个简单的自定义函数示例：

function formatCurrency(number, currencySymbol, decimalSeparator, thousandsSeparator) {
  const digitsRE = /(\d{3})(?=\d)/g;
  const decimals = String(number).split('.')[1] || '';
  const wholeNumber = String(number).split('.')[0];
  const formattedWholeNumber = wholeNumber.replace(digitsRE, '$1' + thousandsSeparator);

  return currencySymbol + formattedWholeNumber + decimalSeparator + decimals;
}

const number = 12345.67;
const currencyString = formatCurrency(number, '$', '.', ',');

console.log(currencyString); // 输出 $12,345.67

• 首先，我们定义了一个名为 formatCurrency 的函数。它接受四个参数：number 是要格式化的数字，currencySymbol 是货币符号，decimalSeparator 是小数点分隔符，thousandsSeparator 是千位分隔符。
• 函数内部使用了正则表达式 digitsRE 来匹配整数部分的千位分隔符位置。
• 接下来，我们将数字拆分为整数部分和小数部分，并将整数部分按千位分隔符进行替换。
• 最后，我们将货币符号、格式化后的整数部分和小数部分拼接成最终的货币字符串并返回。

通过自定义函数，你可以根据需求自由地调整货币字符串的格式。

以上是两种常用的方法将数字格式化为货币字符串。具体选择哪一种方法取决于你的需求和使用场景。无论选择哪一种，都可以在JavaScript中轻松地处理货币数据。