随着全球化的进步，货币和数字格式问题变得越来越复杂。在前端开发中，我们需要展示各种各样的货币和数字格式，比如货币符号、小数点、分隔符等等。这时候，ES12 中的 Intl API 提供了一个方便的解决方案。
什么是 Intl API？
Intl API 是 ECMAScript 国际化 API，它提供了一组处理语言和文化相关的 API。其中包括处理货币和数字格式的 API。
处理货币格式
在国际化中，货币的格式是非常重要的。不同国家和地区的货币符号、小数点和分隔符都不一样。使用 Intl API，我们可以很方便地处理这些问题。
比如说，我们需要将一个数字格式化成美元：
const amount = 1234.56;
const formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' });
console.log(formatter.format(amount));
// 输出: $1,234.56这里我们创建了一个 Intl.NumberFormat 实例，指定了语言为美式英语(en-US)，并设置了货币格式(style: 'currency')和货币种类(currency: 'USD')。然后我们使用这个实例来格式化数字 1234.56，得到了 $1,234.56 这个结果。
如果我们想要将一个字符串格式化成货币：
const amountString = "1234.56";
const formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' });
console.log(formatter.format(parseFloat(amountString)));
// 输出: $1,234.56这里我们先将字符串 1234.56 转换成数字，然后再使用 Intl.NumberFormat 实例来格式化。
处理数字格式
除了货币，数字的格式也是非常重要的。比如在某些国家和地区，数字中使用的小数点和分隔符都不同。使用 Intl API，我们同样可以很方便地处理这些问题。
比如说，我们需要将一个数字格式化成印度数：
const amount = 1234567.89;
const formatter = new Intl.NumberFormat('en-IN');
console.log(formatter.format(amount));
// 输出: 12,34,567.89这里我们创建了一个 Intl.NumberFormat 实例，指定了语言为印地语(en-IN)，然后使用这个实例来格式化数字 1234567.89，得到了 12,34,567.89 这个结果。
如果我们想要将一个字符串格式化成数字：
const amountString = "1234567.89";
const formatter = new Intl.NumberFormat('en-IN');
console.log(formatter.format(parseFloat(amountString)));
// 输出: 12,34,567.89和处理货币格式一样，我们先将字符串 1234567.89 转换成数字，然后再使用 Intl.NumberFormat 实例来格式化。
总结
在这篇文章中，我们介绍了如何使用 ES12 中的 Intl API 来处理货币和数字格式问题。通过使用 Intl.NumberFormat 实例，我们可以很方便地处理不同语言和文化下的货币和数字格式。同时，我们也演示了如何将字符串转换成数字，并使用 Intl.NumberFormat 实例来格式化数字。
希望这篇文章对你有帮助，并且能够启发你对 JavaScript 国际化方面的学习和开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d4521bb5eee0b525bdea2f