我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
我已经调整了您的代码以在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);"/>
其他回答
let formatNumber = (number) => {
let str = String(number)
return str.split('').reduce(
(a, b, i) => a + (i && !((str.length - i) % 3) ? ',' : '') + b,
''
)
}
您可以在Number原型上创建一个函数
Number.prototype.format = function (s, d) {
return (
this.toString()
.split(".")
.map((n, i) =>
i
? n
: n
.split("")
.map((n, i) => (i % 3 || !i ? n : s + n))
.join("")
)
.join(d)
);
};
console.log((8800.00).format(',', '.'))
// 8,880.00
// French notation
console.log((8800.00).format(' ', ','))
// 8 880,00
您可以使用此过程格式化所需货币。
var nf = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
nf.format(123456.789); // ‘$123,456.79’
有关详细信息，您可以访问此链接。
https://www.justinmccandless.com/post/formatting-currency-in-javascript/
在这里没有找到一个现代和全面的解决方案之后，我编写了一个箭头函数（没有正则表达式）来解决格式化问题，它允许调用者为欧洲和世界其他地区提供小数位数以及句点和千位分隔符。
示例：数字格式化程序（1234567890.123456）=>1234567890数字格式化程序（1234567890.123456，4）=>1234567890.1235numberFormatter（1234567890.123456，4，'.'，'，'）=>1.234.567.8901235欧洲
以下是用ES6（现代语法）编写的函数：
const numberFormatter = (number, fractionDigits = 0, thousandSeperator = ',', fractionSeperator = '.') => {
if (number!==0 && !number || !Number.isFinite(number)) return number
const frDigits = Number.isFinite(fractionDigits)? Math.min(Math.max(fractionDigits, 0), 7) : 0
const num = number.toFixed(frDigits).toString()
const parts = num.split('.')
let digits = parts[0].split('').reverse()
let sign = ''
if (num < 0) {sign = digits.pop()}
let final = []
let pos = 0
while (digits.length > 1) {
final.push(digits.shift())
pos++
if (pos % 3 === 0) {final.push(thousandSeperator)}
}
final.push(digits.shift())
return `${sign}${final.reverse().join('')}${frDigits > 0 ? fractionSeperator : ''}${frDigits > 0 && parts[1] ? parts[1] : ''}`
}
它已被测试为阴性、不良输入和NaN病例。如果输入是NaN，则只需返回它。
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
