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

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

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

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

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

这是@mikez302答案的变体，但修改为支持带小数的数字（根据@neu-rah的反馈，numberWithCommas（12345.6789）->“12345.6789”而不是“12345.6788”

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

以下代码使用字符扫描，因此没有正则表达式。

function commafy( num){
  var parts = (''+(num<0?-num:num)).split("."), s=parts[0], L, i=L= s.length, o='';
  while(i--){ o = (i===0?'':((L-i)%3?'':',')) 
                  +s.charAt(i) +o }
  return (num<0?'-':'') + o + (parts[1] ? '.' + parts[1] : ''); 
}

它显示出令人期待的性能：http://jsperf.com/number-formatting-with-commas/5

2015.4.26:在num<0时解决问题的小修复。看见https://jsfiddle.net/runsun/p5tqqvs3/

感谢大家的回复。我总结了一些答案，以制定一个更“一刀切”的解决方案。

第一段代码向number原型添加了一个模仿PHP的number_format（）的函数。如果我正在格式化一个数字，我通常需要小数位数，所以函数需要显示小数位数。一些国家使用逗号作为小数，使用小数作为千位分隔符，因此该函数允许设置这些分隔符。

Number.prototype.numberFormat = function(decimals, dec_point, thousands_sep) {
    dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
    thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';

    var parts = this.toFixed(decimals).split('.');
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousands_sep);

    return parts.join(dec_point);
}

您可以按如下方式使用：

var foo = 5000;
console.log(foo.numberFormat(2)); // us format: 5,000.00
console.log(foo.numberFormat(2, ',', '.')); // european format: 5.000,00

我发现，我经常需要为数学运算取回数字，但parseFloat将5000转换为5，只需取第一个整数值序列。所以我创建了自己的浮点转换函数，并将其添加到String原型中。

String.prototype.getFloat = function(dec_point, thousands_sep) {
    dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
    thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';

    var parts = this.split(dec_point);
    var re = new RegExp("[" + thousands_sep + "]");
    parts[0] = parts[0].replace(re, '');

    return parseFloat(parts.join(dec_point));
}

现在，您可以按如下方式使用这两个函数：

var foo = 5000;
var fooString = foo.numberFormat(2); // The string 5,000.00
var fooFloat = fooString.getFloat(); // The number 5000;

console.log((fooString.getFloat() + 1).numberFormat(2)); // The string 5,001.00

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

上面提到的所有解决方案都很好，然而，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();

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