我想用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>
其他回答
下面是Patrick Desjardins（别名Daok）代码，添加了一些注释和一些小改动：
/*
decimal_sep: character used as decimal separator, it defaults to '.' when omitted
thousands_sep: char used as thousands separator, it defaults to ',' when omitted
*/
Number.prototype.toMoney = function(decimals, decimal_sep, thousands_sep)
{
var n = this,
c = isNaN(decimals) ? 2 : Math.abs(decimals), // If decimal is zero we must take it. It means the user does not want to show any decimal
d = decimal_sep || '.', // If no decimal separator is passed, we use the dot as default decimal separator (we MUST use a decimal separator)
/*
According to [https://stackoverflow.com/questions/411352/how-best-to-determine-if-an-argument-is-not-sent-to-the-javascript-function]
the fastest way to check for not defined parameter is to use typeof value === 'undefined'
rather than doing value === undefined.
*/
t = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep, // If you don't want to use a thousands separator you can pass empty string as thousands_sep value
sign = (n < 0) ? '-' : '',
// Extracting the absolute value of the integer part of the number and converting to string
i = parseInt(n = Math.abs(n).toFixed(c)) + '',
j = ((j = i.length) > 3) ? j % 3 : 0;
return sign + (j ? i.substr(0, j) + t : '') + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : '');
}
这里有一些测试：
// Some tests (do not forget parenthesis when using negative numbers and number with no decimals)
alert(123456789.67392.toMoney() + '\n' + 123456789.67392.toMoney(3) + '\n' + 123456789.67392.toMoney(0) + '\n' + (123456).toMoney() + '\n' + (123456).toMoney(0) + '\n' + 89.67392.toMoney() + '\n' + (89).toMoney());
// Some tests (do not forget parenthesis when using negative numbers and number with no decimals)
alert((-123456789.67392).toMoney() + '\n' + (-123456789.67392).toMoney(-3));
次要变化包括：
移动了一点Math.abs（小数），只有当不是NaN时才能执行。decimal_sep不能再是空字符串（必须使用某种十进制分隔符）我们使用typeof thousand_sep===“undefined”，如How best to determine if a argument is not send to JavaScript function中所建议的不需要（+n||0），因为这是Number对象
JSFiddle公司
看看JavaScriptNumber对象，看看它是否可以帮助您。
toLocaleString（）将使用位置特定的千位分隔符格式化数字。toFixed（）将数字舍入到特定的小数位数。
要同时使用这些值，必须将其类型改回数字，因为它们都输出字符串。
例子：
Number((someNumber).toFixed(1)).toLocaleString()
EDIT
您可以直接使用toLocaleString，而不必重新转换为数字：
someNumber.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
多个数字
如果需要经常以类似的方式格式化数字，可以创建一个特定的对象以供重用。德语（瑞士）：
const money = new Intl.NumberFormat('de-CH',
{ style:'currency', currency: 'CHF' });
const percent = new Intl.NumberFormat('de-CH',
{ style:'percent', maximumFractionDigits: 1, signDisplay: "always"});
其可以用作：
money.format(1234.50); // output CHF 1'234.50
percent.format(0.083); // output +8.3%
非常漂亮。
这里有一个普通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;
}
数字.原型.固定
此解决方案与每个主要浏览器都兼容：
const profits = 2489.8237;
profits.toFixed(3) // Returns 2489.824 (rounds up)
profits.toFixed(2) // Returns 2489.82
profits.toFixed(7) // Returns 2489.8237000 (pads the decimals)
您只需添加货币符号（例如“$”+利润.toFixed（2）），即可获得美元金额。
自定义函数
如果需要在每个数字之间使用，则可以使用此函数：
函数格式Money（number，decPlaces，decSep，thouSep）{decPlaces=isNaN（decPlaces=数学.abs（decPlaces））？2:decPlaces，decSep=decSep的类型==“未定义”？“.”：12月9日；thouSep=thouSep==“未定义”的类型？“，”：thouSep；var符号=数字<0？"-" : "";var i=字符串（parseInt（number=Math.abs（number（number）||0）.toFixed（decPlaces）））；变量j=（j=i.length）>3？j%3:0；返回标志+（j？i.substr（0，j）+thouSep:“”）+i.substr（j）.replace（/（\decSep｛3｝）（？=\decSep）/g，“$1”+thouSep）+（decPlaces？decSep+Math.abs（数字-i）.toFixed（decPlace）.slice（2）：“”）；}document.getElementById（“b”）.addEventListener（“单击”，event=>{document.getElementById（“x”）.innerText=“结果为：”+formatMoney（document.getElement ById（”d“）.value）；});<label>插入您的金额：<input id=“d”type=“text”placeholder=“Cash amount”/></label><br/><button id=“b”>获取输出</button><p id=“x”>（按下按钮获取输出）</p>
这样使用：
(123456789.12345).formatMoney(2, ".", ",");
如果你总是使用“.”和'，'，您可以将它们从方法调用中删除，方法将为您默认它们。
(123456789.12345).formatMoney(2);
如果您的文化中有两个符号翻转（即，欧洲人），并且您希望使用默认值，只需在formatMoney方法中粘贴以下两行：
d = d == undefined ? "," : d,
t = t == undefined ? "." : t,
自定义功能（ES6）
如果您可以使用现代ECMAScript语法（即，通过Babel），则可以使用更简单的函数：
函数formatMoney（amount，decimalCount=2，decimal=“.”，千=“，”）{尝试{decimalCount=数学.abs（decimalCount）；decimalCount=isNaN（decimalCount）？2:小数计数；常量负符号=金额<0？"-" : "";让i=parseInt（amount=Math.abs（Number（amount）||0）.toFixed（decimalCount））.toString（）；设j=（i.length>3）？i.长度%3:0；回来否定符号+（j？i.substr（0，j）+千：“”）+i.substr（j）.replace（/（\d｛3｝）（？=\d）/g，“$1”+千）+（decimalCount？decimal+Math.abs（amount-i）.toFixed（decimalCount）.slice（2）：“”）；}捕获（e）{控制台日志（e）}};document.getElementById（“b”）.addEventListener（“单击”，event=>{document.getElementById（“x”）.innerText=“结果为：”+formatMoney（document.getElement ById（”d“）.value）；});<label>插入您的金额：<input id=“d”type=“text”placeholder=“Cash amount”/></label><br/><button id=“b”>获取输出</button><p id=“x”>（按下按钮获取输出）</p>
YUI代码库使用以下格式：
format: function(nData, oConfig) {
oConfig = oConfig || {};
if(!YAHOO.lang.isNumber(nData)) {
nData *= 1;
}
if(YAHOO.lang.isNumber(nData)) {
var sOutput = nData + "";
var sDecimalSeparator = (oConfig.decimalSeparator) ? oConfig.decimalSeparator : ".";
var nDotIndex;
// Manage decimals
if(YAHOO.lang.isNumber(oConfig.decimalPlaces)) {
// Round to the correct decimal place
var nDecimalPlaces = oConfig.decimalPlaces;
var nDecimal = Math.pow(10, nDecimalPlaces);
sOutput = Math.round(nData*nDecimal)/nDecimal + "";
nDotIndex = sOutput.lastIndexOf(".");
if(nDecimalPlaces > 0) {
// Add the decimal separator
if(nDotIndex < 0) {
sOutput += sDecimalSeparator;
nDotIndex = sOutput.length-1;
}
// Replace the "."
else if(sDecimalSeparator !== "."){
sOutput = sOutput.replace(".",sDecimalSeparator);
}
// Add missing zeros
while((sOutput.length - 1 - nDotIndex) < nDecimalPlaces) {
sOutput += "0";
}
}
}
// Add the thousands separator
if(oConfig.thousandsSeparator) {
var sThousandsSeparator = oConfig.thousandsSeparator;
nDotIndex = sOutput.lastIndexOf(sDecimalSeparator);
nDotIndex = (nDotIndex > -1) ? nDotIndex : sOutput.length;
var sNewOutput = sOutput.substring(nDotIndex);
var nCount = -1;
for (var i=nDotIndex; i>0; i--) {
nCount++;
if ((nCount%3 === 0) && (i !== nDotIndex)) {
sNewOutput = sThousandsSeparator + sNewOutput;
}
sNewOutput = sOutput.charAt(i-1) + sNewOutput;
}
sOutput = sNewOutput;
}
// Prepend prefix
sOutput = (oConfig.prefix) ? oConfig.prefix + sOutput : sOutput;
// Append suffix
sOutput = (oConfig.suffix) ? sOutput + oConfig.suffix : sOutput;
return sOutput;
}
// Still not a number. Just return it unaltered
else {
return nData;
}
}
它需要编辑，因为YUI库是可配置的，比如用“.”替换oConfig.decimalSeparator。
