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

function formatNumber (num) {
    return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}

print(formatNumber(2665));      // 2,665
print(formatNumber(102665));    // 102,665
print(formatNumber(111102665)); // 111,102,665

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

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

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

这里有一个简单的可重用函数，它返回具有指定小数位数的字符串，并允许您切换逗号的包含。

function format_number(number, num_decimals, include_comma)
{
    return number.toLocaleString('en-US', {useGrouping: include_comma, minimumFractionDigits: num_decimals, maximumFractionDigits: num_decimals});
}

用法示例：

format_number(1234.56789, 2, true); // Returns '1,234.57'
format_number(9001.42, 0, false); // Returns '9001'

如果需要进一步自定义字符串，可以在此处找到格式选项列表。

let formatNumber = (number) => {
    let str = String(number)

    return str.split('').reduce(
        (a, b, i) => a + (i && !((str.length - i) % 3) ? ',' : '') + b,
        ''
    )
}

我已经调整了您的代码以在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);"/>