我试图在JavaScript中打印一个整数，用逗号作为千位分隔符。例如，我想将数字1234567显示为“1234567”。我该怎么做？
我是这样做的：
函数编号WithCommas（x）{x=x.toString（）；var模式=/（-？\d+）（\d｛3｝）/；while（模式测试（x））x=x.replace（模式，“$1，$2”）；返回x；}console.log（数字与逗号（1000））
有没有更简单或更优雅的方法？如果它也可以与浮点运算一起使用，那就很好了，但这不是必须的。它不需要特定于区域设置来决定句点和逗号。
当前回答
我提出了另一个解决方案。
第一个代码是这样的。
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`);
}
其他回答
如果您正在寻找一个简短而甜蜜的解决方案：
const number = 12345678.99;
const numberString = String(number).replace(
/^\d+/,
number => [...number].map(
(digit, index, digits) => (
!index || (digits.length - index) % 3 ? '' : ','
) + digit
).join('')
);
// numberString: 12,345,678.99
您可以使用此过程格式化所需货币。
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/
let formatNumber = (number) => {
let str = String(number)
return str.split('').reduce(
(a, b, i) => a + (i && !((str.length - i) % 3) ? ',' : '') + b,
''
)
}
我找到了一种适用于所有情况的方法。CodeSandbox示例
function commas(n) {
if (n < 1000) {
return n + ''
} else {
// Convert to string.
n += ''
// Skip scientific notation.
if (n.indexOf('e') !== -1) {
return n
}
// Support fractions.
let i = n.indexOf('.')
let f = i == -1 ? '' : n.slice(i)
if (f) n = n.slice(0, i)
// Add commas.
i = n.length
n = n.split('')
while (i > 3) n.splice((i -= 3), 0, ',')
return n.join('') + f
}
}
这就像诺亚·弗雷塔斯（Noah Freitas）的答案，但支持分数和科学记数法。
我认为如果性能不受关注，toLocaleString是最好的选择。
edit：这里有一个CodeSandbox，其中包含一些示例：https://codesandbox.io/s/zmvxjpj6x
使用正则表达式
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
