我想用JavaScript格式化价格。我想要一个函数，它将浮点作为参数，并返回如下格式的字符串：
"$ 2,500.00"
我该怎么做？
当前回答
我想为此做出贡献：
function toMoney(amount) {
neg = amount.charAt(0);
amount = amount.replace(/\D/g, '');
amount = amount.replace(/\./g, '');
amount = amount.replace(/\-/g, '');
var numAmount = new Number(amount);
amount = numAmount.toFixed(0).replace(/./g, function(c, i, a) {
return i > 0 && c !== "," && (a.length - i) % 3 === 0 ? "." + c : c;
});
if(neg == '-')
return neg + amount;
else
return amount;
}
这允许您在一个文本框中转换数字，在该文本框中您只需要输入数字（考虑这种情况）。
这将清理一个文本框，其中只有数字，即使你粘贴了一个包含数字、字母或任何字符的字符串
<html>
<head>
<script language=="Javascript">
function isNumber(evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode(key);
if (key.length == 0)
return;
var regex = /^[0-9\-\b]+$/;
if (!regex.test(key)) {
theEvent.returnValue = false;
if (theEvent.preventDefault)
theEvent.preventDefault();
}
}
function toMoney(amount) {
neg = amount.charAt(0);
amount = amount.replace(/\D/g, '');
amount = amount.replace(/\./g, '');
amount = amount.replace(/\-/g, '');
var numAmount = new Number(amount);
amount = numAmount.toFixed(0).replace(/./g, function(c, i, a) {
return i > 0 && c !== "," && (a.length - i) % 3 === 0 ? "." + c : c;
});
if(neg == '-')
return neg + amount;
else
return amount;
}
function clearText(inTxt, newTxt, outTxt) {
inTxt = inTxt.trim();
newTxt = newTxt.trim();
if(inTxt == '' || inTxt == newTxt)
return outTxt;
return inTxt;
}
function fillText(inTxt, outTxt) {
inTxt = inTxt.trim();
if(inTxt != '')
outTxt = inTxt;
return outTxt;
}
</script>
</head>
<body>
$ <input name=reca2 id=reca2 type=text value="0" onFocus="this.value = clearText(this.value, '0', '');" onblur="this.value = fillText(this.value, '0'); this.value = toMoney(this.value);" onKeyPress="isNumber(event);" style="width:80px;" />
</body>
</html>
其他回答
这里有一个普通JavaScript的简单格式化程序：
function numberFormatter (num) {
console.log(num)
var wholeAndDecimal = String(num.toFixed(2)).split(".");
console.log(wholeAndDecimal)
var reversedWholeNumber = Array.from(wholeAndDecimal[0]).reverse();
var formattedOutput = [];
reversedWholeNumber.forEach( (digit, index) => {
formattedOutput.push(digit);
if ((index + 1) % 3 === 0 && index < reversedWholeNumber.length - 1) {
formattedOutput.push(",");
}
})
formattedOutput = formattedOutput.reverse().join('') + "." + wholeAndDecimal[1];
return formattedOutput;
}
Numeral.js-一个JavaScript库，通过@adamwdraper轻松设置数字格式
numeral(23456.789).format('$0,0.00'); // = "$23,456.79"
请尝试以下代码
"250000".replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
答案：250000
已经有好的答案了。这里有一个简单的乐趣尝试：
function currencyFormat(no) {
var ar = (+no).toFixed(2).split('.');
return [
numberFormat(ar[0] | 0),
'.',
ar[1]
].join('');
}
function numberFormat(no) {
var str = no + '';
var ar = [];
var i = str.length -1;
while(i >= 0) {
ar.push((str[i-2] || '') + (str[i-1] || '') + (str[i] || ''));
i = i-3;
}
return ar.reverse().join(',');
}
然后运行一些示例：
console.log(
currencyFormat(1),
currencyFormat(1200),
currencyFormat(123),
currencyFormat(9870000),
currencyFormat(12345),
currencyFormat(123456.232)
)
Intl.NumberFormat（国际数字格式）
JavaScript有一个数字格式器（国际化API的一部分）。
//创建我们的数字格式器。const formatter=新Intl.NumberFormat（'en-US'{style:'货币'，货币：'美元'，//如果你想要的话，这些选项需要四舍五入到整数。//minimumFractionDigits：0，//（这对于整数足够了，但将打印2500.10作为$2500.1）//maximumFractionDigits:0，//（导致2500.99打印为$2501）});console.log（formatter.format（2500））；/*$2,500.00 */
使用undefined代替第一个参数（示例中为'en-US'）来使用系统区域设置（如果代码在浏览器中运行，则为用户区域设置）。区域设置代码的进一步说明。
这是货币代码列表。
Intl.NumberFormat与Number.prototype.toLocaleString
最后一点，将其与旧的.toLocaleString进行比较。它们都提供了基本相同的功能。然而，toLocaleString在其旧版本（pre-Intl）中实际上不支持区域设置：它使用系统区域设置。因此，在调试旧浏览器时，请确保使用的是正确的版本（MDN建议检查Intl的存在）。如果你不关心旧浏览器或者只使用填充程序，那么根本不需要担心这一点。
此外，对于单个项目，两者的性能是相同的，但如果要格式化大量数字，则使用Intl.NumberFormat的速度要快70倍。因此，通常最好使用Intl.NumberFormat，并在每次页面加载时仅实例化一次。无论如何，下面是toLocaleString的等效用法：
console.log（（2500）.toLocaleString（'en-US'{style:'货币'，货币：'美元'，})); /* $2,500.00 */
关于浏览器支持和Node.js的一些说明
如今，浏览器支持已不再是一个问题，全球98%的支持率，美国99%，欧盟99%以上有一个垫片可以在僵化的浏览器（如Internet Explorer 8）上支持它，如果你真的需要v13之前的Node.js只支持开箱即用的en-US。一种解决方案是安装完整的icu，请参阅此处了解更多信息查看CanIUse了解更多信息
