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

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

问题陈述：

在 JavaScript 中，任务是将价格格式化为货币字符串。具体来说，目标是创建一个函数，该函数接受浮点数作为参数并返回格式为“$ 2,500.00”的字符串。

解决方案：

JavaScript 提供了通过 Intl.NumberFormat 可以方便地解决这个问题API。

Intl.NumberFormat

Intl.NumberFormat API 提供了一种根据区域设置特定规则来格式化数字的灵活方法。要创建货币格式化程序，我们指定区域设置和样式：

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});

格式化数字

创建格式化程序后，我们可以使用它来格式化一个数字：

let inputValue = 2500;
const formattedValue = formatter.format(inputValue); // Returns "$ 2,500.00"

定制选项

Intl.NumberFormat API 提供了各种自定义选项来调整格式：

• trailingZeroDisplay： 控制尾随零的显示。 'stripIfInteger' 删除整数的尾随零。
• minimumFractionDigits: 指定要显示的最小小数位数。
• maximumFractionDigits: 指定最大小数位数

示例

以下代码片段演示了 Intl.NumberFormat 与一些自定义选项的使用：

// Create number formatter.
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  trailingZeroDisplay: 'stripIfInteger',
});

// Get user input.
let input = document.getElementById('amount');

// Apply formatting and display the result.
input.addEventListener('keyup', e => {
  const formattedValue = formatter.format(e.target.value);
  document.getElementById('result').innerText = formattedValue;
});

以上是如何在 JavaScript 中将数字格式化为货币字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！