我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
let formatNumber = (number) => {
let str = String(number)
return str.split('').reduce(
(a, b, i) => a + (i && !((str.length - i) % 3) ? ',' : '') + b,
''
)
}
其他回答
已经有很多好答案了。这里还有一个，只是为了好玩：
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"
这里有一个简单的函数，它为千个分隔符插入逗号。它使用数组函数而不是RegEx。
/**
* Format a number as a string with commas separating the thousands.
* @param num - The number to be formatted (e.g. 10000)
* @return A string representing the formatted number (e.g. "10,000")
*/
var formatNumber = function(num) {
var array = num.toString().split('');
var index = -3;
while (array.length + index > 0) {
array.splice(index, 0, ',');
// Decrement by 4 since we just added another unit to the array.
index -= 4;
}
return array.join('');
};
CodeSandbox链接，示例如下：https://codesandbox.io/s/p38k63w0vq
我已经调整了您的代码以在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);"/>
这是我的尝试：
编辑：以小数形式添加
函数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）
我写了这篇文章，然后才跌跌撞撞地登上了这篇帖子。没有正则表达式，您实际上可以理解代码。
$（函数）{函数insertCommas{//在点之前得到东西var d=s.indexOf（'.'）；变量s2=d===-1？s：s切片（0，d）；//从右起每3位插入逗号对于（var i=s2.length-3；i>0；i-=3）s2=s2.切片（0，i）+'，'+s2.切片，i）；//附加小数部分如果（d！==-1）s2+=s切片（d）；返回s2；}$（'#theDeAbides'）.text（插入逗号（'1234567.89012'））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><div id=“theudeAbides”></div>
