这里有一个支持int和decimal的单行函数。我还留下了一些代码来将数字转换为字符串。

    function numberWithCommas(x) {
        return (x=x+'').replace(new RegExp('\\B(?=(\\d{3})+'+(~x.indexOf('.')?'\\.':'$')+')','g'),',');
    }

让我试着改进uKolka的答案，也许可以帮助其他人节省一些时间。

使用Numeral.js。

document.body.textContent=数字（1234567）.格式（'0,0'）；<script src=“//cdnjs.cloudflare.com/ajax/libs/number.js/1.4.5/number.min.js”></script>

只有在浏览器兼容性没有问题的情况下，才应该使用Number.pr原型.toLocaleString（）。

@user1437663的解决方案很棒。

真正理解解决方案的人是准备好理解复杂的正则表达式。

一个小的改进使它更易读：

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

该模式以\B开头，以避免在单词开头使用逗号。有趣的是，模式返回为空，因为\B不前进“游标”（这同样适用于$）。

O\B后面跟着一个鲜为人知的资源，但这是Perl正则表达式的一个强大功能。

            Pattern1 (? = (Pattern2) ).

神奇的是，括号（Pattern2）中的内容是一个模式，它遵循先前的模式（Pattern1），但不前进光标，也不是返回的模式的一部分。这是一种未来模式。当有人向前看但真的不走路时，这是类似的！

在这种情况下，模式2是

\d{3})+(?=$)

它表示3位数字（一次或多次），后跟字符串结尾（$）

最后，Replace方法将找到的所有模式（空字符串）更改为逗号。这仅在剩余部分是3位数的倍数时发生（未来光标到达原点末端的情况）。

也可以使用Intl.NumberFormat构造函数。下面是你可以做的。

 resultNumber = new Intl.NumberFormat('en-IN', { maximumSignificantDigits: 3 }).format(yourNumber); 

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”

欢呼

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

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

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-正则表达式查找