JavaScript 数字格式

在 JavaScript 中，数字格式处理通常是必要的。为了更好地在页面中呈现数字，可能需要格式化数字，如加上货币符号、千分位分隔符、小数位数等等。

以下是一些常见的 JavaScript 数字格式处理方法。

toFixed()

toFixed() 方法会将数字按照指定数量的小数位数进行四舍五入并转换为字符串。例如：

const num = 1234.5678;
const formattedNum = num.toFixed(2); // "1234.57"

注意，toFixed() 方法返回的是字符串类型。

toLocaleString()

toLocaleString() 方法将数字转换为包含适当货币符号、千分位分隔符和小数位数的字符串。例如：

const num = 1234567.89;
const formattedNum = num.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 2,
});
// "$1,234,567.89"

在这个示例中，我们将数字格式化为美元货币，最小化到小数点后两位。

Intl.NumberFormat()

Intl.NumberFormat() 是 ES Internationalization API 的一部分，提供了一个更灵活的方法来格式化数字。例如：

const num = 1234567.89;
const formattedNum = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 2,
}).format(num);
// "$1,234,567.89"

这个方法的语法与 toLocaleString() 类似，但提供了更多的选项和精度控制。

参考资料

• MDN toFixed()
• MDN toLocaleString()
• MDN Intl.NumberFormat()