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

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

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

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

可以使用浏览器的Intl对象以国际友好的方式插入千位分隔符：

Intl.NumberFormat().format(1234);
// returns "1,234" if the user's locale is en_US, for example

有关详细信息，请参阅MDN关于NumberFormat的文章，您可以指定区域设置行为或用户的默认设置。这是一个更加简单的方法，因为它尊重当地的差异；许多国家使用句点分隔数字，而逗号表示小数。

Intl.NumberFormat尚未在所有浏览器中都可用，但它在最新的Chrome、Opera和IE中都可以使用。Firefox的下一版本应该支持它。Webkit似乎没有实现时间表。

使用正则表达式

function toCommas(value) {
    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(toCommas(123456789)); // 123,456,789

console.log(toCommas(1234567890)); // 1,234,567,890
console.log(toCommas(1234)); // 1,234

使用toLocaleString（）

var number = 123456.789;

// request a currency format
console.log(number.toLocaleString('de-DE', { style: 'currency', currency: 'EUR' }));
// → 123.456,79 €

// the Japanese yen doesn't use a minor unit
console.log(number.toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' }))
// → ￥123,457

// limit to three significant digits
console.log(number.toLocaleString('en-IN', { maximumSignificantDigits: 3 }));
// → 1,23,000

ref MDN:Number.protype.toLocaleString（）

使用国际号码格式（）

var number = 123456.789;

console.log(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(number));
// expected output: "123.456,79 €"

// the Japanese yen doesn't use a minor unit
console.log(new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(number));
// expected output: "￥123,457"

// limit to three significant digits
console.log(new Intl.NumberFormat('en-IN', { maximumSignificantDigits: 3 }).format(number));

// expected output: "1,23,000"

参考Intl.NumberFormat

在这里演示<script type=“text/javascript”>//使用正则表达式函数到逗号（值）{return value.toString（）.replace（/\B（？=（\d｛3｝）+（？！\d））/g，“，”）；}函数命令（）{var num1=文档.myform.number1.value；//使用正则表达式document.getElementById（'result1'）.value=toCommas（parseInt（num1））；//使用toLocaleString（）document.getElementById（'result2'）.value=parseInt（num1）.toLocaleString（'ja-JP'{style:'货币'，货币：'日元'});//使用国际号码格式（）document.getElementById（'result3'）.value=新Intl.NumberFormat（'ja-JP'{style:'货币'，货币：'日元'}).格式（num1）；}</script><FORM NAME=“myform”><INPUT TYPE=“text”NAME=“number1”VALUE=“123456789”><br><INPUT TYPE=“button”NAME=“button“Value=”=>“onClick=”commas（）“><br>使用正则表达式<br><INPUT TYPE=“text”ID=“result1”NAME=“result1”VALUE=“”><br>使用toLocaleString（）<br><INPUT TYPE=“text”ID=“result2”NAME=“result2“VALUE=”“><br>使用国际号码格式（）<br><INPUT TYPE=“text”ID=“result3”NAME=“result3“VALUE=”“></FORM>表演http://jsben.ch/sifRd

如果您正在寻找一个简短而甜蜜的解决方案：

const number = 12345678.99;

const numberString = String(number).replace(
    /^\d+/,
    number => [...number].map(
        (digit, index, digits) => (
            !index || (digits.length - index) % 3 ? '' : ','
        ) + digit
    ).join('')
);

// numberString: 12,345,678.99

这是一个编码更少的好解决方案。。。

var y = "";
var arr = x.toString().split("");
for(var i=0; i<arr.length; i++)
{
    y += arr[i];
    if((arr.length-i-1)%3==0 && i<arr.length-1) y += ",";
}

这是我的尝试：

编辑：以小数形式添加

函数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）