我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
已经有很多好答案了。这里还有一个，只是为了好玩：
function format(num, fix) {
var p = num.toFixed(fix).split(".");
return p[0].split("").reduceRight(function(acc, num, i, orig) {
if ("-" === num && 0 === i) {
return num + acc;
}
var pos = orig.length - i - 1
return num + (pos && !(pos % 3) ? "," : "") + acc;
}, "") + (p[1] ? "." + p[1] : "");
}
一些示例：
format(77.03453, 2); // "77.03"
format(78436589374); // "78,436,589,374"
format(784, 4); // "784.0000"
format(-123456); // "-123,456"
其他回答
下面是两个不同的浏览器API，它们可以将数字转换为结构化字符串。请记住，并非所有用户的计算机都具有在数字中使用逗号的区域设置。要在输出中强制使用逗号，可以使用任何“西部”语言环境，例如en-US
let number = 1234567890; // Example number to be converted
⚠️ 注意javascript的最大整数值为9007199254740991
到LocaleString
// default behaviour on a machine with a local that uses commas for numbers
let number = 1234567890;
number.toLocaleString(); // "1,234,567,890"
// With custom settings, forcing a "US" locale to guarantee commas in output
let number2 = 1234.56789; // floating point example
number2.toLocaleString('en-US', {maximumFractionDigits:2}); // "1,234.57"
//You can also force a minimum of 2 trailing digits
let number3 = 1.5;
number3.toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2}); //"1.50"
数字格式
let number = 1234567890;
let nf = new Intl.NumberFormat('en-US');
nf.format(number); // "1,234,567,890"
根据我的检查（至少是Firefox），它们在性能方面或多或少都是相同的。
⚡ 现场演示：https://codepen.io/vsync/pen/MWjdbgL?editors=1000
我建议使用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%！重要的}
var formatNumber = function (number) {
var splitNum;
number = Math.abs(number);
number = number.toFixed(2);
splitNum = number.split('.');
splitNum[0] = splitNum[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return splitNum.join(".");
}
编辑：该函数仅适用于正数。例如：
var number = -123123231232;
formatNumber(number)
输出：“123123231232”
但要回答上面的问题，toLocaleString（）方法只是解决了问题。
var number = 123123231232;
number.toLocaleString()
输出：“123123231232”
欢呼
使用正则表达式
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
let formatNumber = (number) => {
let str = String(number)
return str.split('').reduce(
(a, b, i) => a + (i && !((str.length - i) % 3) ? ',' : '') + b,
''
)
}
