在前端开发中，数值格式化是一个非常重要的功能。在处理数据时，往往需要将数字转化为人类可读的形式，以便更好地展示给用户。ES10 中的 Intl.NumberFormat 提供了一种简单易用的方式，可以帮助我们实现更友好的数值格式化。
什么是 Intl.NumberFormat
Intl.NumberFormat 是一个 JavaScript 内置对象，用于格式化数字。它可以将数字转化为特定语言和地区的格式，如货币、百分比等。Intl.NumberFormat 是 ES10 中新增的一个标准对象，可以在现代浏览器中使用。
如何使用 Intl.NumberFormat
使用 Intl.NumberFormat 非常简单，只需传入相应的参数即可。以下是一个基本的示例：
const number = 1234567.89;
const formatter = new Intl.NumberFormat('en-US');
console.log(formatter.format(number)); // "1,234,567.89"在上述代码中，我们创建了一个名为 formatter 的 Intl.NumberFormat 实例，并将其初始化为使用美国英语（en-US）的格式。然后，我们调用 formatter.format() 方法，将数字 number 格式化为带有千位分隔符的字符串。
Intl.NumberFormat 的参数
Intl.NumberFormat 可以接受三个参数：语言（language）、地区（region）和选项（options）。其中，语言和地区可以使用 BCP 47 格式的字符串来表示，如 "en-US"、"zh-CN" 等。选项是一个对象，可以用来指定更详细的格式设置。
以下是一个使用选项参数的示例：
const number = 1234567.89;
const formatter = new Intl.NumberFormat('zh-CN', {
style: 'currency',
currency: 'CNY'
});
console.log(formatter.format(number)); // "￥1,234,567.89"在上述代码中，我们创建了一个名为 formatter 的 Intl.NumberFormat 实例，并将其初始化为使用中国大陆地区的货币格式（CNY）。通过设置 style 和 currency 选项，我们将数字 number 格式化为人民币的形式，并在前面加上了 "￥" 符号。
Intl.NumberFormat 的常用选项
除了上述示例中使用的 style 和 currency 选项外，Intl.NumberFormat 还提供了许多其他选项，可以用来控制数值格式的各个方面。以下是一些常用的选项：
- style：指定要使用的格式类型，如 "decimal"（十进制）、"currency"（货币）、"percent"（百分比）等。
- currency：指定货币类型，如 "USD"（美元）、"CNY"（人民币）等。
- minimumFractionDigits：指定小数部分的最小位数。
- maximumFractionDigits：指定小数部分的最大位数。
- minimumIntegerDigits：指定整数部分的最小位数。
- useGrouping：指定是否使用千位分隔符。
总结
使用 Intl.NumberFormat 可以轻松实现数值格式化，让数字更加友好地展示给用户。通过掌握 Intl.NumberFormat 的参数和选项，我们可以对数字格式进行更加细致的控制，以满足不同场景下的需求。在实际开发中，我们可以根据具体需求灵活使用 Intl.NumberFormat，提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65533df0d2f5e1655dcf6e17