Intl.NumberFormat（国际数字格式）

本机JS函数。支持IE11、Edge、最新Safari、Chrome、Firefox、Opera、iOS上的Safari和Android上的Chrome。

var number = 3500;

console.log(new Intl.NumberFormat().format(number));
// → '3,500' if in US English locale

我建议使用phpjs.org的number_format（）

function number_format(number, decimals, dec_point, thousands_sep) {
    var n = !isFinite(+number) ? 0 : +number, 
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        toFixedFix = function (n, prec) {
            // Fix for IE parseFloat(0.55).toFixed(0) = 0;
            var k = Math.pow(10, prec);
            return Math.round(n * k) / k;
        },
        s = (prec ? toFixedFix(n, prec) : Math.round(n)).toString().split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '').length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1).join('0');
    }
    return s.join(dec);
}

2014年2月13日更新

人们一直在报告这并不像预期的那样奏效，所以我做了一个包含自动化测试的JSFiddle。

更新日期：2017年11月26日

这是一个稍微修改了输出的堆栈片段：

函数number_format（数字，小数，小数点，千位整）{变量n=！是有限的（+数字）？0:+数字，prec=！是有限的（+小数）？0：数学abs（小数），sep=（typeof thousands_sep===“undefined”）？“，”：千分之一秒，dec=（dec_point类型==“未定义”）？“.”：dec_点，toFixedFix=函数（n，prec）{//修复IE parseFloat（0.55）.toFixed（0）=0；var k=数学功率（10，prec）；return数学舍入（n*k）/k；},s=（prec？toFixedFix（n，prec）：数学舍入（n））.toString（）.split（'.'）；如果（s[0]。长度>3）{s[0]=s[0]。替换（/\B（？=（？：\d｛3｝）+（？！\d））/g，sep）；}if（（s[1]||''）.length<prec）{s[1]=s[1]| |“”；s[1]+=新数组（prec-s[1].length+1）.join（'0'）；}return s.join（十二月）；}var exampleNumber=1；函数测试（预期，数字，小数，小数点，千分位）{var actual=number_format（数字，小数，小数点，千位整）；控制台日志('测试用例'+exampleNumber+'：'+'（小数：'+（小数类型=='未定义'？'（默认）'：小数）+'，dec_point:“'+（dec_point类型=='未定义'？'（默认）'：dec_point）+'”'+'，thousands_sep:“'+（类型的thousands-sep==='未定义'？'（默认值）'：thousand_sep）+'”）');console.log（'=>'+（实际==预期？'通过'：'失败'）+'，得到“'+实际+'”，预期“'+预期+'”。'）；示例编号++；}测试（'1235'，1234.56）；测试（'1234,56'，1234.56，2，'，'，''）；测试（'1234.57'，1234.5678，2，'.'，''）；测试（'67,00'，67，2，'，'，'.'）；测试（“1000”，1000）；测试（‘67.31’，67.311，2）；试验（‘1000.6’，1000.55，1）；测试（'67.00000000'，67000，5，'，'，'.'）；测试（'1'，0.9，0）；试验（‘1.20’，‘1.20‘，2）；测试（‘12000’，‘1.20’，4）；测试（'1.200'，'1.2000'，3）；.作为控制台包装{最大高度：100%！重要的}

我想我应该分享一个小技巧，我正在使用它来格式化大数字。我没有插入逗号或空格，而是在“千”之间插入一个空的但可见的跨度。这使得数千个输入很容易看到，但它允许以原始格式复制/粘贴输入，不使用逗号/空格。

// This function accepts an integer, and produces a piece of HTML that shows it nicely with 
// some empty space at "thousand" markers. 
// Note, these space are not spaces, if you copy paste, they will not be visible.
function valPrettyPrint(orgVal) {
  // Save after-comma text, if present
  var period = orgVal.indexOf(".");
  var frac = period >= 0 ? orgVal.substr(period) : "";
  // Work on input as an integer
  var val = "" + Math.trunc(orgVal);
  var res = "";
  while (val.length > 0) {
    res = val.substr(Math.max(0, val.length - 3), 3) + res;
    val = val.substr(0, val.length - 3);
    if (val.length > 0) {
        res = "<span class='thousandsSeparator'></span>" + res;
    }
  }
  // Add the saved after-period information
  res += frac;
  return res;
}

使用此CSS：

.thousandsSeparator {
  display : inline;
  padding-left : 4px;
}

请参见示例JSFiddle。

这是我的尝试：

编辑：以小数形式添加

函数splitMille（n，分隔符='，'）{//转换为字符串设num=（n+“”）//测试并获取任何小数（后面的操作不支持它们）让小数=“”if（/\./.test（num））{//此正则表达式获取小数点和小数小数=num.replace（/^.*（\..*）$/，“$1”）}//从数字字符串中删除小数num=num.replace（小数，“”）//通过Array函数反转数字字符串.split（“”）.reverse（）.join（“”//分成1-3个字符的组（负数可选支持字符“-”）.match（/[0-9]｛1,3｝-？/g）//添加mille分隔符并反转.join（分隔符）.split（“”）.reverse（）.join//将小数返回并输出格式化的数字返回`$｛num｝$｛decimals｝`}让testA=splitMille（1234）让testB=splitMille（-1234）让testC=splitMille（123456.789）让testD=splitMille（9007199254740991）let testE=splitMille（1000.0001）console.log（'结果！\n\tA:%s\n\tB:%s\n\tC:%s\n\tD:%s\n\t E:%s'，testA，testB，testC，testD，testE）

仅适用于未来的谷歌人（或不一定是“谷歌人”）：

上面提到的所有解决方案都很好，然而，RegExp在这种情况下使用可能是非常糟糕的。

因此，是的，您可以使用一些建议的选项，甚至编写一些原始但有用的东西，如：

const strToNum = str => {

   //Find 1-3 digits followed by exactly 3 digits & a comma or end of string
   let regx = /(\d{1,3})(\d{3}(?:,|$))/;
   let currStr;

   do {
       currStr = (currStr || str.split(`.`)[0])
           .replace( regx, `$1,$2`)
   } while (currStr.match(regx)) //Stop when there's no match & null's returned

   return ( str.split(`.`)[1] ) ?
           currStr.concat(`.`, str.split(`.`)[1]) :
           currStr;

};

strToNum(`123`) // => 123
strToNum(`123456`) // => 123,456
strToNum(`-1234567.0987`) // => -1,234,567.0987

这里使用的正则表达式相当简单，循环将精确到完成任务所需的次数。

你可能会优化得更好，“DRYify”代码等等。

然而

(-1234567.0987).toLocaleString();

（在大多数情况下）将是更好的选择。

重点不在于执行速度或跨浏览器兼容性。

在您想向用户显示结果数字的情况下，.toLocaleString（）方法可以让您与网站或应用程序的用户使用相同的语言（无论她/他的语言是什么）。

根据ECMAScript文档，这种方法于1999年引入，我认为其原因是希望互联网在某个时刻将连接世界各地的人们，因此需要一些“内部化”工具。

今天，互联网确实连接了我们所有人，因此，重要的是要记住，世界比我们想象的更复杂&我们（几乎）都在互联网中。

显然，考虑到人的多样性，不可能保证每个人都有完美的用户体验，因为我们讲不同的语言，看重不同的东西，等等。正因为如此，尽可能地将事情本地化更为重要。

因此，考虑到日期、时间、数字等的表示有一些特定的标准，并且我们有一个工具可以以最终用户首选的格式显示这些内容，不使用该工具是不是很少见，而且几乎是不负责任的（尤其是在我们想向用户显示这些数据的情况下）？

对我来说，在这种情况下使用RegExp而不是.toLocaleString（）听起来有点像用JavaScript创建一个时钟应用程序，并以这种方式对其进行硬编码，这样它将只显示布拉格时间（这对于不住在布拉格的人来说非常无用），尽管默认行为是

new Date();

是根据最终用户的时钟返回数据。

在这里没有找到一个现代和全面的解决方案之后，我编写了一个箭头函数（没有正则表达式）来解决格式化问题，它允许调用者为欧洲和世界其他地区提供小数位数以及句点和千位分隔符。

示例：数字格式化程序（1234567890.123456）=>1234567890数字格式化程序（1234567890.123456，4）=>1234567890.1235numberFormatter（1234567890.123456，4，'.'，'，'）=>1.234.567.8901235欧洲

以下是用ES6（现代语法）编写的函数：

const numberFormatter = (number, fractionDigits = 0, thousandSeperator = ',', fractionSeperator = '.') => {
    if (number!==0 && !number || !Number.isFinite(number)) return number
    const frDigits = Number.isFinite(fractionDigits)? Math.min(Math.max(fractionDigits, 0), 7) : 0
    const num = number.toFixed(frDigits).toString()

    const parts = num.split('.')
    let digits = parts[0].split('').reverse()
    let sign = ''
    if (num < 0) {sign = digits.pop()}
    let final = []
    let pos = 0

    while (digits.length > 1) {
        final.push(digits.shift())
        pos++
        if (pos % 3 === 0) {final.push(thousandSeperator)}
    }
    final.push(digits.shift())
    return `${sign}${final.reverse().join('')}${frDigits > 0 ? fractionSeperator : ''}${frDigits > 0 && parts[1] ? parts[1] : ''}`
}

它已被测试为阴性、不良输入和NaN病例。如果输入是NaN，则只需返回它。