我有以下 JavaScript 代码:
var calculation = $('select[name=somevalue1] option:selected').data('calc')-($('select[name=somevalue1] option:selected').data('calc')/100*$('select[name=somevalue2] option:selected').data('calc'))-($('select[name=somevalue1] option:selected').data('calc')-($('select[name=somevalue1] option:selected').data('calc')/100*$('select[name=somevalue2] option:selected').data('calc')))/100*$('select[name=somevalue3] option:selected').data('calc');
$('#calculation').text((calculation).toFixed(2).replace(".",","))
这将计算一个数字,将
.
更改为,
并将其四舍五入到逗号后的两位数。
我需要做的是在来之前在树数字后面添加一个点。
意思是:
1.234,56
而不是1234,56
1.234.567,89
而不是1234567,89
有人知道如何做到这一点吗?
这段代码对我有用:
<p id="calculation"></p>
<script>
function numberWithCommas(x) {
var parts = x.toString().split(".");
parts[0]=parts[0].replace(/\B(?=(\d{3})+(?!\d))/g,".");
return parts.join(",");
}
var calculation = 1231739216.34367;
document.getElementById("calculation").innerHTML = numberWithCommas((calculation).toFixed(2))
</script>
此代码将:
ECMAScript 国际化 API 具有数字格式化功能。
Intl.NumberFormat()
你可以像这样使用纯javascript:
var calculation = document.getElementById('money').value;
//1st way
var moneyFormatter = new Intl.NumberFormat();
document.getElementById('formattedMoney').innerText = moneyFormatter.format(calculation);
// 2nd way, using currency
var moneyFormatter2 = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
minimumFractionDigits: 2
});
document.getElementById('formattedMoney2').innerText = moneyFormatter2.format(calculation);
<label>Calculation:</label> <input type="text" value="123456789.25" name="money" id="money" />
<ul>
<li>Number Format: <b><span id="formattedMoney"></span></b><br/><br/></li>
<li>Currency Format: <b><span id="formattedMoney2"></span><b/></li>
</ul>
IE11、Firefox 和 Chrome 支持,但其他浏览器我不确定。
http://www.ecma-international.org/ecma-402/1.0/#sec-11.1.2
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat
您应该使用额外的
String#replace
和正则表达式(以匹配 ,
之前的三组数字)和替换函数(在每个匹配项前面添加 .
)。
var calculation = $('select[name=somevalue1] option:selected').data('calc') - ($('select[name=somevalue1] option:selected').data('calc') / 100 * $('select[name=somevalue2] option:selected').data('calc')) - ($('select[name=somevalue1] option:selected').data('calc') - ($('select[name=somevalue1] option:selected').data('calc') / 100 * $('select[name=somevalue2] option:selected').data('calc'))) / 100 * $('select[name=somevalue3] option:selected').data('calc')
function format(n) {
return n.toFixed(2).replace('.', ',').replace(/\d{3}(?=(\d{3})*,)/g, function(s) {
return '.' + s
})
}
$('#calculation').text(format(calculation))
var calculations = [
1234.56,
1234567.89,
1234,
.12
]
function format (n) {
return n.toFixed(2).replace('.', ',').replace(/\d{3}(?=(\d{3})*,)/g, function (s) {
return '.' + s
})
}
console.log(calculations.map(format))
在现代浏览器(Chrome 24+、Firefox 29+、IE11)上,您可以使用 Number.prototype.toLocaleString()
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
var number = 3500.12;
console.log(number.toLocaleString());
这使用浏览器的区域设置自动格式化数字。我的浏览器设置为德语,因此输出为
3.500,12
如果具有不同区域设置的人使用您的网站,他们将看到他们期望的数字。
此功能适合您:
function formatNumber(num) {
var first = num.split(',');
var digits = first[0].split('').reverse();
var new_digits = [];
for(var i =0; i<digits.length; i++) {
if((i+1)%3==0) {
new_digits.push(digits[i]);
new_digits.push('.');
}
else {
new_digits.push(digits[i]);
}
}
var new_num = new_digits.reverse().join("")+','+first[1];
return new_num;
}
我从谷歌来到这里只是为了 3 位格式化部分,所以这里是简单的代码:
function formatThreeDigits( integerStr ){
var len = integerStr.length;
var formatted = "";
var breakpoint = (len-1) % 3; // after which index to place the dot
for(i = 0; i < len; i++){
formatted += integerStr.charAt(i);
if(i % 3 === breakpoint){
if(i < len-1) // don't add dot for last digit
formatted += ".";
}
}
return formatted;
}
console.log( formatThreeDigits("123456789") ); // "123.456.789"
function formatThreeDigits(num, decimalDelimiter, digitSeparator){
// default secondary arguments
if(arguments.length < 3) digitSeparator = "."; // 3.000.000
if(arguments.length < 2) decimalDelimiter = ","; // 3,14
let numParts = []; // [0] => integer, [1] => possible decimal part
if( num.substring ){
// if passed "num" is a STRING:
numParts = num.split( decimalDelimiter );
} else {
// if passed "num" is a NUMBER:
const numString = num.toString();
// we need to check if it's a decimal number (it may already have a dot, e.g. 3.14)
numParts = numString.split(".");
}
let integer = numParts[0];
const len = integer.length;
if( len <= 3 ) return numString;
const breakpoint = ( len - 1 ) % 3; // after which index to place the dot
let formattedNumString = "";
const loopEnd = len - 3;
for(i = 0; i < loopEnd; i++){
formattedNumString += integer.charAt(i);
if(i % 3 === breakpoint){
formattedNumString += digitSeparator;
}
}
formattedNumString += integer.substr(-3, 3);
formattedNumString += numParts[1] ? decimalDelimiter + numParts[1] : "";
return formattedNumString;
}
这是相同的代码,但包含所有花哨的功能、选项、边缘情况、稍微优化并考虑了十进制数字。