我的“真正”正则表达式唯一的解决方案

你看到上面那些热情的球员了吗？也许你可以打高尔夫球，这是我的击球。

n => `${n}`.replace(/(?<!\.\d+)\B(?=(\d{3})+\b)/g, " ").replace(/(?<=\.(\d{3})+)\B/g, " ")

使用 如国际单位制在其出版物《国际单位制手册：国际单位制（SI）》（见§5.3.4.）第八版（2006年）中所说，千位分隔符的空格（U+2009）。第九版（2019年）建议使用空格（见§5.4.4.）。你可以使用任何你想要的东西，包括逗号。

See.

const integer_part_only=n=>`$｛n｝`.replace（/（？<！\.\d+）\B（？=（\d｛3｝）+\B）/g，“I”）；const fractional_part_only=n=>`${n}`替换（/（？<=\.（\d｛3｝）+）\B/g，“F”）；const both=n=>仅分数部分（整数部分（n））；功能演示（编号）｛//我正在使用Chrome 74。console.log（`$｛number｝→ “${integer_part_only（number）}”（仅整数部分）→ “${fractional_part_only（数字）}”（仅分数部分）→ “$｛both（number）｝”（both）`);}演示（Math.random（）*10e5）；演示（123456789.01234567）；演示（123456789）；演示（0.0123456789）；

它是如何工作的？

对于整数部分

.replace(/(?<!\.\d+)\B(?=(\d{3})+\b)/g, " I ")

.替换（……，“I”）放入“I”/……/克\B两个相邻数字之间（？=……）右侧部分为（\d｛3｝）+一个或多个三位数块\b后跟非数字，例如句点、字符串结尾等，（？<！……）负外观，不包括其左侧部分\.\d+是一个后跟数字的点（“有一个小数分隔符”）。

对于小数部分

.replace(/(?<=\.(\d{3})+)\B/g, " F ")

.替换（……，“F”）放入“F”/……/克\B两个相邻数字之间（？<=……）左半部分为\. 十进制分隔符（\d｛3｝）+后跟一个或多个三位数块。

字符类和边界

\d）匹配任何数字（阿拉伯数字）。相当于[0-9]。例如/\d/或/[0-9]/匹配B2中的2是组号。\b级匹配单词边界。这是一个单词字符后面或前面没有其他单词字符的位置，例如在字母和空格之间。注意，匹配中不包括匹配的单词边界。换句话说，匹配单词边界的长度为零。示例：/\bm/匹配月亮中的m；/oo\b/与moon中的oo不匹配，因为oo后面跟着n，n是一个单词字符；/oon \b/匹配moon中的oon，因为oon是字符串的结尾，因此后面不跟单词字符；/\w\b/w/将永远不会匹配任何内容，因为单词字符后面永远不能同时跟有非单词和单词字符。\B级匹配非单词边界。这是上一个字符和下一个字符类型相同的位置：要么两者都必须是单词，要么两者都是非单词。例如两个字母之间或两个空格之间。字符串的开头和结尾被视为非单词。与匹配的单词边界相同，匹配的非单词边界也不包括在匹配中。例如/\中午开始比赛；/你昨天可能和你比赛。

浏览器兼容性

https://caniuse.com/#feat=js-正则表达式查找

var formatNumber = function (number) {
  var splitNum;
  number = Math.abs(number);
  number = number.toFixed(2);
  splitNum = number.split('.');
  splitNum[0] = splitNum[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  return splitNum.join(".");
}

编辑：该函数仅适用于正数。例如：

var number = -123123231232;
formatNumber(number)

输出：“123123231232”

但要回答上面的问题，toLocaleString（）方法只是解决了问题。

var number = 123123231232;
    number.toLocaleString()

输出：“123123231232”

欢呼

我使用了克里的答案中的想法，但简化了它，因为我只是在为我的特定目的寻找简单的东西。以下是我所拥有的：

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

函数编号WithCommas（x）{return x.toString（）.replace（/\B（？<！\.\d*）（？=（\d｛3｝）+（？！\d））/g，“，”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（100，“100”）；失败+=！测试（1000，“1000”）；失败+=！测试（10000，“10000”）；失败+=！测试（100000，“100000”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（10000000，“10000000”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}

正则表达式使用2个前瞻断言：

一个正数用于查找字符串中其后一行中具有3位数倍数的任何点，一个否定断言，以确保该点只有3位数的倍数。替换表达式在此处放置逗号。

例如，如果您传递它123456789.01，则肯定断言将匹配7左边的每个点（因为789是3位数的倍数，678是3位的倍数，567等）。否定断言检查3位数的乘数后面没有任何数字。789后面有一个句点，所以它正好是3位数字的倍数，所以在那里有一个逗号。678是3位数的倍数，但后面有一个9，所以这3位数是4位数的一部分，逗号不在那里。567也是如此。456789是6位数字，是3的倍数，所以前面是逗号。345678是3的倍数，但后面有一个9，所以没有逗号。以此类推。\B防止正则表达式在字符串的开头加逗号。

@neu-rah提到，如果小数点后有超过3位数字，则该函数会在不需要的地方添加逗号。如果这是一个问题，您可以使用此函数：

function numberWithCommas(x) {
    var parts = x.toString().split(".");
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return parts.join(".");
}

函数编号WithCommas（x）{var parts=x.toString（）.split（“.”）；parts[0]=parts[0]。替换（/\B（？=（\d｛3｝）+（？！\d））/g，“，”）；return parts.join（“.”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（0.123456，“0.123456”）；失败+=！测试（100，“100”）；失败+=！测试（100.123456，“100.123456”）；失败+=！测试（1000，“1000”）；失败+=！测试（1000-123456，“1000-123456”）；失败+=！测试（10000，“10000”）；失败+=！测试（10000.123456，“10000.123454”）；失败+=！测试（100000，“100000”）；失败+=！测试（100000.123456，“10000.123456”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（1000000123456，“1000000123446”）；失败+=！测试（10000000，“10000000”）；失败+=！测试（10000000.123456，“10000000.123454”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}

@t.j.crowder指出，现在JavaScript有了lookbacking（支持信息），它可以在正则表达式本身中解决：

function numberWithCommas(x) {
    return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
}

函数编号WithCommas（x）{return x.toString（）.replace（/\B（？<！\.\d*）（？=（\d｛3｝）+（？！\d））/g，“，”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（0.123456，“0.123456”）；失败+=！测试（100，“100”）；失败+=！测试（100.123456，“100.123456”）；失败+=！测试（1000，“1000”）；失败+=！测试（1000-123456，“1000-123456”）；失败+=！测试（10000，“10000”）；失败+=！测试（10000.123456，“10000.123454”）；失败+=！测试（100000，“100000”）；失败+=！测试（100000.123456，“10000.123456”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（1000000123456，“1000000123446”）；失败+=！测试（10000000，“10000000”）；失败+=！测试（10000000.123456，“10000000.123454”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}

（？<！\.\d*）是一个表示匹配前面不能有。后跟零个或多个数字。至少在V8中，反向查找比拆分和连接解决方案（比较）更快。

我认为你的解决方案是我见过的最短的解决方案之一。我认为没有任何标准的JavaScript函数可以完成这类工作，所以您可能需要自己完成。

我检查了CSS3规范，看看是否可以在CSS中实现这一点，但除非您希望每个数字都有自己的<span>，否则我认为这是不可能的。

我确实在GoogleCode上发现了一个看起来很有前途的项目：灵活的js格式。我没有使用过它，但它看起来非常灵活，并且使用JsUnit进行了单元测试。开发人员也有很多关于这个主题的帖子（尽管很旧）。

请务必考虑国际用户：许多国家使用空格作为分隔符，并使用逗号将小数与数字的整数部分分开。

另一种方式，支持小数、不同的分隔符和负号。

var number_format = function(number, decimal_pos, decimal_sep, thousand_sep) {
    var ts      = ( thousand_sep == null ? ',' : thousand_sep )
        , ds    = ( decimal_sep  == null ? '.' : decimal_sep )
        , dp    = ( decimal_pos  == null ? 2   : decimal_pos )

        , n     = Math.floor(Math.abs(number)).toString()

        , i     = n.length % 3 
        , f     = ((number < 0) ? '-' : '') + n.substr(0, i)
    ;

    for(;i<n.length;i+=3) {
        if(i!=0) f+=ts;
        f+=n.substr(i,3);
    }

    if(dp > 0) 
        f += ds + parseFloat(number).toFixed(dp).split('.')[1]

    return f;
}

@Jignesh Sanghani的一些更正，别忘了对他的评论投赞成票。

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