toLocaleString—不可思议的数字格式化工具

2024-02-11 11:40:59

作为一名前端开发工程师，小帅对JavaScript并不陌生。他知道JavaScript中有一个toLocaleString()方法，可以将数字格式化为字符串，但他并不确定如何使用它来实现产品要求的逗号分隔格式。

小帅决定上网搜索一下toLocaleString()方法的使用方法。他很快找到了很多相关的文章和教程。其中一篇教程中，他看到一个例子：

const number = 123456;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // 输出：123,456

这个例子很简单，它将数字123456传递给toLocaleString()方法，然后将结果打印到控制台。控制台输出的结果是123,456，这正是小帅想要的格式。

小帅继续往下看，他发现toLocaleString()方法还有很多其他的用法。例如，它可以控制小数位的数量，还可以添加货币符号。

const number = 123456.789;
const formattedNumber = number.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
});
console.log(formattedNumber); // 输出：$123,456.79

这段代码将数字123456.789格式化为美元格式的字符串，并保留两位小数。控制台输出的结果是$123,456.79。

小帅还发现，toLocaleString()方法可以格式化日期和时间。

const date = new Date();
const formattedDate = date.toLocaleString('en-US', {
  dateStyle: 'long',
  timeStyle: 'short'
});
console.log(formattedDate); // 输出：September 17, 2023, 12:00 PM