我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
让我试着改进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（）。
其他回答
我已经调整了您的代码以在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);"/>
让我试着改进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（）。
以下代码使用字符扫描，因此没有正则表达式。
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/
我使用了克里的答案中的想法，但简化了它，因为我只是在为我的特定目的寻找简单的东西。以下是我所拥有的：
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
函数编号WithCommas（x）{return x.toString（）.replace（/\B（？<！\.\d*）（？=（\d｛3｝）+（？！\d））/g，“，”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（100，“100”）；失败+=！测试（1000，“1000”）；失败+=！测试（10000，“10000”）；失败+=！测试（100000，“100000”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（10000000，“10000000”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}
正则表达式使用2个前瞻断言：
一个正数用于查找字符串中其后一行中具有3位数倍数的任何点，一个否定断言，以确保该点只有3位数的倍数。替换表达式在此处放置逗号。
例如，如果您传递它123456789.01，则肯定断言将匹配7左边的每个点（因为789是3位数的倍数，678是3位的倍数，567等）。否定断言检查3位数的乘数后面没有任何数字。789后面有一个句点，所以它正好是3位数字的倍数，所以在那里有一个逗号。678是3位数的倍数，但后面有一个9，所以这3位数是4位数的一部分，逗号不在那里。567也是如此。456789是6位数字，是3的倍数，所以前面是逗号。345678是3的倍数，但后面有一个9，所以没有逗号。以此类推。\B防止正则表达式在字符串的开头加逗号。
@neu-rah提到，如果小数点后有超过3位数字，则该函数会在不需要的地方添加逗号。如果这是一个问题，您可以使用此函数：
function numberWithCommas(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
}
函数编号WithCommas（x）{var parts=x.toString（）.split（“.”）；parts[0]=parts[0]。替换（/\B（？=（\d｛3｝）+（？！\d））/g，“，”）；return parts.join（“.”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（0.123456，“0.123456”）；失败+=！测试（100，“100”）；失败+=！测试（100.123456，“100.123456”）；失败+=！测试（1000，“1000”）；失败+=！测试（1000-123456，“1000-123456”）；失败+=！测试（10000，“10000”）；失败+=！测试（10000.123456，“10000.123454”）；失败+=！测试（100000，“100000”）；失败+=！测试（100000.123456，“10000.123456”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（1000000123456，“1000000123446”）；失败+=！测试（10000000，“10000000”）；失败+=！测试（10000000.123456，“10000000.123454”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}
@t.j.crowder指出，现在JavaScript有了lookbacking（支持信息），它可以在正则表达式本身中解决：
function numberWithCommas(x) {
return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
}
函数编号WithCommas（x）{return x.toString（）.replace（/\B（？<！\.\d*）（？=（\d｛3｝）+（？！\d））/g，“，”）；}功能测试（x，预期）{常量结果=带逗号的数字（x）；常量pass=result==预期；console.log（`${pass？”✓“：”错误===>“｝$｛x｝=>$｛result｝`）；回传；}让失败=0；失败+=！测试（0，“0”）；失败+=！测试（0.123456，“0.123456”）；失败+=！测试（100，“100”）；失败+=！测试（100.123456，“100.123456”）；失败+=！测试（1000，“1000”）；失败+=！测试（1000-123456，“1000-123456”）；失败+=！测试（10000，“10000”）；失败+=！测试（10000.123456，“10000.123454”）；失败+=！测试（100000，“100000”）；失败+=！测试（100000.123456，“10000.123456”）；失败+=！测试（1000000，“1000000”）；失败+=！测试（1000000123456，“1000000123446”）；失败+=！测试（10000000，“10000000”）；失败+=！测试（10000000.123456，“10000000.123454”）；if（失败）{console.log（“$｛failures｝测试失败”）；}其他{console.log（“所有测试均通过”）；}.作为控制台包装{最大高度：100%！重要的}
（？<！\.\d*）是一个表示匹配前面不能有。后跟零个或多个数字。至少在V8中，反向查找比拆分和连接解决方案（比较）更快。
使用正则表达式
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
