javascript實作保留兩位小數的多種方法_javascript技巧

第一種方法：javascript實作保留兩位小數一位自動補零程式碼實例:
第一種方法介紹一下如何實現對數字保留兩位小數效果，如果數字的原本小數位數不到兩位，那麼缺少的就自動補零，這個也是為了統一的效果，先看程式碼實例:

function returnFloat(value){
 var value=Math.round(parseFloat(value)*100)/100;
 var xsd=value.toString().split(".");
 if(xsd.length==1){
 value=value.toString()+".00";
 return value;
 }
 if(xsd.length>1){
 if(xsd[1].length<2){
  value=value.toString()+"0";
 }
 return value;
 }
}
var num=3.1;
console.log(returnFloat(num));

上面的程式碼實現了我們的要求，下面介紹一下它的實作過程。
程式碼註解:
1.function returnFloat(value){}，參數是要被轉換的數字。
2.var value=Math.round(parseFloat(value)*100)/100，這個應該是函數的核心之處,parseFloat(value)將參數轉換為浮點數，因為參數有可能是字串，乘以100是因為要保留兩位小數，先將小數點向右移動兩個位數，然後再利用Math.round()方法實行四捨五入計算，最後除以100，這樣就實現了保留保留兩位小數，而且還具有四捨五入效果，但是這個並不完美，如果參數數字本身的小數位數大於等於2是可以的，如3.1415，但是如3或者3.0這樣的還是沒有完美的實現，繼續看下面。
3.var xsd=value.toString().split(".")，使用點"."value分隔成一個陣列。
4.if(xsd.length==1){value=value.toString()+".00";return value;}，如果數組的長度是1，也就是說不存在小數，那麼就會為這個數字加兩個0，例如3會被轉換成3.00。
5.

if(xsd.length>1){
 if(xsd[1].length<2){
  value=value.toString()+"0";
 }
 return value;
 }

if(xsd.length>1)用來判斷數字的長度是否大於1，也就是數字是否具有小數，如有小數，但是小數的位數小於2，也就是類似3.1這樣的，就會在後面加一個0，也就是會轉換為3.10。

第二種方法：匯總JS中格式化資料保留兩位小數的函數的多種方法

最佳方法：

保留兩位好像是這樣吧   

 var a = 9.39393; 
 alert(a.toFixed(2));

說明：

alert(Number.toFixed(9.39393));  
  回傳的是9.39  
  但是只有ie5.5以上的版本才支援。

其它方法：

方法一：

 function roundFun(numberRound,roundDigit) //四舍五入，保留位数为roundDigit  
 { 
 if (numberRound>=0) 
 { 
 var tempNumber = parseInt((numberRound * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); 
 return tempNumber; 
 } 
 else  
 { 
 numberRound1=-numberRound 
 var tempNumber = parseInt((numberRound1 * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); 
 return -tempNumber; 
 } 
   } 

方法二：

<script> 
 tmp = "1234567.57232" 
 result = tmp.substr(0,tmp.indexOf(".")+3); 
 alert(result); 
 </script> 

第三種方法：javascript保留兩位小數碼

<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);  
  } 
  //四舍五入 
  alert("保留2位小数：" + toDecimal(3.14159267)); 
  alert("强制保留2位小数：" + toDecimal2(3.14159267)); 
  alert("保留2位小数：" + toDecimal(3.14559267)); 
  alert("强制保留2位小数：" + toDecimal2(3.15159267)); 
  alert("保留2位小数：" + fomatFloat(3.14559267, 2)); 
  alert("保留1位小数：" + fomatFloat(3.15159267, 1)); 
   
  //五舍六入 
  alert("保留2位小数：" + 1000.003.toFixed(2)); 
  alert("保留1位小数：" + 1000.08.toFixed(1)); 
  alert("保留1位小数：" + 1000.04.toFixed(1)); 
  alert("保留1位小数：" + 1000.05.toFixed(1)); 
   
  //科学计数 
  alert(3.1415.toExponential(2)); 
  alert(3.1455.toExponential(2)); 
  alert(3.1445.toExponential(2)); 
  alert(3.1465.toExponential(2)); 
  alert(3.1665.toExponential(1)); 
  //精确到n位，不含n位 
  alert("精确到小数点第2位" + 3.1415.toPrecision(2)); 
  alert("精确到小数点第3位" + 3.1465.toPrecision(3)); 
  alert("精确到小数点第2位" + 3.1415.toPrecision(2)); 
  alert("精确到小数点第2位" + 3.1455.toPrecision(2)); 
  alert("精确到小数点第5位" + 3.141592679287.toPrecision(5)); 
 </script> 

以上就是javascript實現保留兩位小數的多種方法，希望對大家的學習有所幫助。