JavaScript：使用 toLocaleString() 格式化整数

Question

我正在使用Number.prototype.toLocaleString() 函数将逗号添加到整数。可以在here找到它的文档。

我是这样写的：

Number(data).ToLocaleString('en');

在 Firefox/Chrome 中，数字显示为 123,456,789。但是，在 IE 中显示为 123,456,789.00。

1. IE 为什么要添加小数点值？

2。如何删除小数点值？

与其创建/使用自定义函数，我真的只是想知道是否有一个选项可以添加到 ToLocaleString() 中，例如 en, nodecimal。如果该选项不可用，我会考虑使用自定义函数。

Answer 1

怎么样：

const sum = 1000;

const formatted = sum.toLocaleString("en", {   
    minimumFractionDigits: 0,
    maximumFractionDigits: 0,
});

console.log(formatted);

为：

// 1,000

或者如果你有钱：

const sum = 1000;

const formatted = sum.toLocaleString("en", {
    style: "currency",
    currency: "USD",
    minimumFractionDigits: 0,
    maximumFractionDigits: 0,
});

console.log(formatted);

为：

// $1,000

Answer 2

您在哪个版本的 IE 中进行了测试？在 IE 10 及更低版本中，toLocaleString 基于 ECMAScript 规范，该规范声明该函数应“依赖于实现”。在IE 11中，基于ECMA Internationalization API，应该与Firefox 26一致。

要删除 IE 10 及更低版本（可能还有其他较旧的浏览器）中的十进制值，您将不得不求助于字符串操作：

Number(data).toLocaleString('en').slice(0, -3);

此 API 还有 a polyfill available，它适用于 IE 10 及更低版本。目前包括它有点棘手，因为浏览器/缩小版本不包含实际数据（因为它会很大）。数据以 JSON 或 JSONP 格式单独提供，以便您可以为当前浏览您网站的用户下载正确的数据。

Answer 3

1) 参考 Andy E 的 (1) 答案。

2) Andy E 的解决方案适用于 IE 10 及更低版本，但似乎在现代浏览器上导致错误输出（在控制台中尝试使用任意数字）。这是一个更安全的字符串操作：

Number(data).toLocaleString().split('.')[0];

*安迪我会将此作为评论添加到您的答案中，但我没有足够的声誉。

Answer 4

Number(data).toLocaleString().replace(/\D\d\d$/, '');应涵盖任何语言环境和浏览器。