使用正则表达式

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

这是我的尝试：

编辑：以小数形式添加

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

我建议使用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%！重要的}

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

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

我已经调整了您的代码以在TextBox（输入类型=“text”）中工作，这样我们就可以在不丢失光标的情况下实时输入和删除数字。如果您在删除时选择范围，它也会起作用。您可以自由使用箭头和起始/结束按钮。谢谢你节省了我的时间！

//function controls number format as "1,532,162.3264321"
function numberWithCommas(x) {
    var e = e || window.event;
    if (e.keyCode >= '35' && e.keyCode <= '40') return; //skip arrow-keys
    var selStart = x.selectionStart, selEnd = x.selectionEnd; //save cursor positions
    var parts = x.value.toString().split(".");
    var part0len = parts[0].length; //old length to check if new ',' would be added. Need for correcting new cursor position (+1 to right).

    //if user deleted ',' - remove previous number instead (without selection)
    if (x.selectionLength == 0 && (e.keyCode == 8 || e.keyCode == 46)) {//if pressed 8-backspace or 46-delete button
        var delPos = parts[0].search(/\d{4}/);
        if (delPos != -1) {//if found 4 digits in a row (',' is deleted)
            if (e.keyCode == 8) {//if backspace flag
                parts[0] = parts[0].slice(0, selStart - 1) + parts[0].slice(selEnd, parts[0].length);
                selEnd--;
                if (selStart > selEnd) selStart = selEnd;
            } else {
                parts[0] = parts[0].slice(0, selStart) + parts[0].slice(selEnd + 1, parts[0].length);
                selStart++;
                if (selEnd < selStart) selEnd = selStart;
            }
        }
    }

   var hasMinus = parts[0][0] == '-';
   parts[0] = (hasMinus ? '-' : '') + parts[0].replace(/[^\d]*/g, ""); //I'd like to clear old ',' to avoid things like 1,2,3,5,634.443216
   parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); //sets ',' between each 3 digits
   if (part0len < parts[0].length) { //move cursor to right if added new ','
       selStart++;
       selEnd++;
   } else if (part0len > parts[0].length) { //..or if removed last one ','
       selStart--;
       selEnd--;
   }
   x.value = parts.join(".");
   x.setSelectionRange(selStart, selEnd); //restoring cursor position
}
function saveSelectionLength(x) {
    x.selectionLength = x.selectionEnd - x.selectionStart;
}

要使用它，只需添加两个事件-onKeyUp和onKeyDown

<asp:TextBox runat="server" ID="val" Width="180px" onKeyUp="numberWithCommas(this);" onKeyDown="saveSelectionLength(this);"/>

@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位数的倍数时发生（未来光标到达原点末端的情况）。