JavaScript 格式化价格 - JavaScript

在 Web 开发中，价格的显示格式是一个很常见的需求。在 JavaScript 中，我们可以使用一些内建的函数和方法来格式化价格。

1. toLocaleString 方法

toLocaleString 是 JavaScript 中一个格式化数字的方法。它可以把数字转换成本地化后的字符串，包括千位分隔符和小数点位数。

const price = 1234.56;
const formattedPrice = price.toLocaleString(); // '1,234.56'

如果需要自定义千位分隔符和小数点，则可以使用 toLocaleString 的 options 参数。

const price = 1234.56;
const options = { style: 'currency', currency: 'USD', minimumFractionDigits: 2, maximumFractionDigits: 2 };
const formattedPrice = price.toLocaleString('en-US', options); // '$1,234.56'

2. 使用正则表达式

可以使用正则表达式来格式化价格。下面是一个函数，它可以把数字转换成千位分隔符的字符串。

function formatPrice(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}

const price = 1234.56;
const formattedPrice = formatPrice(price); // '1,234.56'

3. 使用第三方库

除了使用内建的函数和方法，也可以使用一些第三方 JavaScript 库来格式化价格。比如，可以使用 accounting.js，它提供了一些格式化数字的方法，包括格式化货币和数字。

const price = 1234.56;
const formattedPrice = accounting.formatMoney(price); // '$1,234.56'

总结

以上是 JavaScript 中格式化价格的几种方法。根据实际需求选择方法。若需要支持多语言和本地化，则建议使用 toLocaleString 方法；如果需要自定义格式，则使用正则表达式；如果需要更多的格式化选项，则使用第三方库。