DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS保留小數點(四捨五入、四捨六入)實現思路及實例
JS保留小數點(四捨五入、四捨六入)實現思路及實例
編輯:關於JavaScript     
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>floatDecimal.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script type="text/javascript">
//保留兩位小數
//功能:將浮點數四捨五入,取小數點後2位
function toDecimal(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return;
}
f = Math.round(x*100)/100;
return f;
}
//制保留2位小數,如:2,會在2後面補上00.即2.00
function toDecimal2(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return false;
}
var f = Math.round(x*100)/100;
var s = f.toString();
var rs = s.indexOf('.');
if (rs < 0) {
rs = s.length;
s += '.';
}
while (s.length <= rs + 2) {
s += '0';
}
return s;
}
function fomatFloat(src,pos){
return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
}
//四捨五入
document.writeln("保留2位小數:" + toDecimal(3.14159267) + '<br/>');
document.writeln("強制保留2位小數:" + toDecimal2(3.14159267) + '<br/>');
document.writeln("保留2位小數:" + toDecimal(3.14559267) + '<br/>');
document.writeln("強制保留2位小數:" + toDecimal2(3.15159267) + '<br/>');
document.writeln("保留2位小數:" + fomatFloat(3.14559267, 2) + '<br/>');
document.writeln("保留1位小數:" + fomatFloat(3.15159267, 1) + '<br/>');
//五捨六入
document.writeln("保留2位小數:" + 1000.003.toFixed(2) + '<br/>');
document.writeln("保留1位小數:" + 1000.08.toFixed(1) + '<br/>');
document.writeln("保留1位小數:" + 1000.04.toFixed(1) + '<br/>');
document.writeln("保留1位小數:" + 1000.05.toFixed(1) + '<br/>');
//科學計數
document.writeln(3.1415.toExponential(2) + '<br/>');
document.writeln(3.1455.toExponential(2) + '<br/>');
document.writeln(3.1445.toExponential(2) + '<br/>');
document.writeln(3.1465.toExponential(2) + '<br/>');
document.writeln(3.1665.toExponential(1) + '<br/>');
//精確到n位,不含n位
document.writeln("精確到小數點第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精確到小數點第3位" + 3.1465.toPrecision(3) + '<br/>');
document.writeln("精確到小數點第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精確到小數點第2位" + 3.1455.toPrecision(2) + '<br/>');
document.writeln("精確到小數點第5位" + 3.141592679287.toPrecision(5) + '<br/>');
</script>
</head>
<body>
This is my HTML page. <br>
</body>
</html>


javascript四捨五入保留兩位小數

復制代碼 代碼如下:
function count(){
   //alert("count");
   var size=~~(document.getElementById("size").value);
   var value=0;
   for(var i=0;i<size;i++){
    var val=1*(document.getElementById("afterAdjScor"+i).value);
    if(null!=val){
     value =Math.round((1*(value+val))*100)/100;
    }
   }
   if(isNaN(value)){
    value="輸入必須為數字類型";
   }
   document.getElementById("total").value=value;
  }

說明:~~XX:字符串轉int
      1*XX:字符串轉float
      Math.round((1*(value+val))*100)/100:四捨五入

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved