我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
感谢大家的回复。我总结了一些答案，以制定一个更“一刀切”的解决方案。
第一段代码向number原型添加了一个模仿PHP的number_format（）的函数。如果我正在格式化一个数字，我通常需要小数位数，所以函数需要显示小数位数。一些国家使用逗号作为小数，使用小数作为千位分隔符，因此该函数允许设置这些分隔符。
Number.prototype.numberFormat = function(decimals, dec_point, thousands_sep) {
dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';
var parts = this.toFixed(decimals).split('.');
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousands_sep);
return parts.join(dec_point);
}
您可以按如下方式使用：
var foo = 5000;
console.log(foo.numberFormat(2)); // us format: 5,000.00
console.log(foo.numberFormat(2, ',', '.')); // european format: 5.000,00
我发现，我经常需要为数学运算取回数字，但parseFloat将5000转换为5，只需取第一个整数值序列。所以我创建了自己的浮点转换函数，并将其添加到String原型中。
String.prototype.getFloat = function(dec_point, thousands_sep) {
dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';
var parts = this.split(dec_point);
var re = new RegExp("[" + thousands_sep + "]");
parts[0] = parts[0].replace(re, '');
return parseFloat(parts.join(dec_point));
}
现在，您可以按如下方式使用这两个函数：
var foo = 5000;
var fooString = foo.numberFormat(2); // The string 5,000.00
var fooFloat = fooString.getFloat(); // The number 5000;
console.log((fooString.getFloat() + 1).numberFormat(2)); // The string 5,001.00
其他回答
我提出了另一个解决方案。
第一个代码是这样的。
function formatNumber(number) {
if (number < 1000) {
return String(number);
}
if (number < 1000000) {
let numbers = String(number).split('');
numbers.splice(-3, 0, ',');
return numbers.join('');
}
if (number < 1000000000) {
let numbers = String(number).split('');
numbers.splice(-3, 0, ',');
numbers.splice(-7, 0, ',');
return numbers.join('');
}
if (number < 1000000000000) {
let numbers = String(number).split('');
numbers.splice(-3, 0, ',');
numbers.splice(-7, 0, ',');
numbers.splice(-11, 0, ',');
return numbers.join('');
}
throw new Error(`number: ${number} is too big`);
}
这段代码很长，不可伸缩，但它很有效，因为它检查的是数字本身，而不是从数字转换的字符串的长度。
所以我基于这个想法转换成了整洁的代码。（你可以再放大12个以防出错。）
function formatNumber(number) {
let commas = -1;
for (let n3 = 3; n3 <= 12; n3 += 3) {
commas++;
const max = Math.pow(10, n3);
if (number < max) {
let numbers = String(number).split('');
for (let i = 0; i < commas; i++) {
numbers.splice(-(3 * (i + 1) + i), 0, ',');
}
return numbers.join('');
}
}
throw new Error(`number: ${number} is too big`);
}
这里有一个简单的可重用函数，它返回具有指定小数位数的字符串，并允许您切换逗号的包含。
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'
如果需要进一步自定义字符串，可以在此处找到格式选项列表。
我的答案是唯一一个完全用更明智的选择替代jQuery的答案：
function $(dollarAmount)
{
const locale = 'en-US';
const options = { style: 'currency', currency: 'USD' };
return Intl.NumberFormat(locale, options).format(dollarAmount);
}
此解决方案不仅添加了逗号，而且在您输入金额如$（1000.9999）时，它还舍入到最接近的一分钱，您将获得1001.00美元。此外，您输入的值可以是数字或字符串；没关系。
如果您正在处理货币，但不希望金额上显示前导美元符号，您也可以添加此函数，该函数使用前一个函数，但删除$：
function no$(dollarAmount)
{
return $(dollarAmount).replace('$','');
}
如果您不是在处理金钱问题，并且有不同的十进制格式要求，这里有一个更通用的函数：
function addCommas(number, minDecimalPlaces = 0, maxDecimalPlaces = Math.max(3,minDecimalPlaces))
{
const options = {};
options.maximumFractionDigits = maxDecimalPlaces;
options.minimumFractionDigits = minDecimalPlaces;
return Intl.NumberFormat('en-US',options).format(number);
}
哦，顺便说一句，这段代码在某些旧版本的Internet Explorer中不起作用完全是故意的。我试图随时打破IE，因为它不支持现代标准。
请记住，在评论部分过分的赞扬被认为是离题的。相反，你只要给我一大堆选票。
感谢大家的回复。我总结了一些答案，以制定一个更“一刀切”的解决方案。
第一段代码向number原型添加了一个模仿PHP的number_format（）的函数。如果我正在格式化一个数字，我通常需要小数位数，所以函数需要显示小数位数。一些国家使用逗号作为小数，使用小数作为千位分隔符，因此该函数允许设置这些分隔符。
Number.prototype.numberFormat = function(decimals, dec_point, thousands_sep) {
dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';
var parts = this.toFixed(decimals).split('.');
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousands_sep);
return parts.join(dec_point);
}
您可以按如下方式使用：
var foo = 5000;
console.log(foo.numberFormat(2)); // us format: 5,000.00
console.log(foo.numberFormat(2, ',', '.')); // european format: 5.000,00
我发现，我经常需要为数学运算取回数字，但parseFloat将5000转换为5，只需取第一个整数值序列。所以我创建了自己的浮点转换函数，并将其添加到String原型中。
String.prototype.getFloat = function(dec_point, thousands_sep) {
dec_point = typeof dec_point !== 'undefined' ? dec_point : '.';
thousands_sep = typeof thousands_sep !== 'undefined' ? thousands_sep : ',';
var parts = this.split(dec_point);
var re = new RegExp("[" + thousands_sep + "]");
parts[0] = parts[0].replace(re, '');
return parseFloat(parts.join(dec_point));
}
现在，您可以按如下方式使用这两个函数：
var foo = 5000;
var fooString = foo.numberFormat(2); // The string 5,000.00
var fooFloat = fooString.getFloat(); // The number 5000;
console.log((fooString.getFloat() + 1).numberFormat(2)); // The string 5,001.00
我认为该功能将处理与此问题相关的所有问题。
function commaFormat(inputString) {
inputString = inputString.toString();
var decimalPart = "";
if (inputString.indexOf('.') != -1) {
//alert("decimal number");
inputString = inputString.split(".");
decimalPart = "." + inputString[1];
inputString = inputString[0];
//alert(inputString);
//alert(decimalPart);
}
var outputString = "";
var count = 0;
for (var i = inputString.length - 1; i >= 0 && inputString.charAt(i) != '-'; i--) {
//alert("inside for" + inputString.charAt(i) + "and count=" + count + " and outputString=" + outputString);
if (count == 3) {
outputString += ",";
count = 0;
}
outputString += inputString.charAt(i);
count++;
}
if (inputString.charAt(0) == '-') {
outputString += "-";
}
//alert(outputString);
//alert(outputString.split("").reverse().join(""));
return outputString.split("").reverse().join("") + decimalPart;
}
