js實現算數運算的精確計算-js教程-PHP中文網

js實現算數運算的精確計算

不言

發布： 2018-07-17 15:55:05

原創

6878 人瀏覽過

一個精確的計算對於一個專案來說是至關重要的，那麼如何在js中實現算數運算的精確計算呢？下面這篇文章跟大家分享的就是js實現的精確計算。

JS無法進行精確計算的bug

在做CRM，二代審核需求審核詳情頁面時。需要按比例（後端傳類似0.8的小數）把使用者輸入的數字顯示在不同的地方。
在做dubheInvest = invest * (1 - ratio);運算時發現問題。具體如下：
範例程式碼:

console.log( 1 - 0.8 );  //输出 0.19999999999999996 
console.log( 6 * 0.7 );  //输出 4.199999999999999 
console.log( 0.1 + 0.2 );  //输出 0.30000000000000004 
console.log( 0.1 + 0.7 );  //输出 0.7999999999999999 
console.log( 1.2 / 0.2 );  //输出 5.999999999999999

登入後複製

透過上面舉出的範例可以看到，原生的js運算結果不一定準確，會失去精確度。
解

解的原理是，將浮點數乘以（擴大）10的n次方倍，將浮點數變成整數後再進行對應的運算，最後會得到的結果除以（縮小）10的n次方倍。
原則範例：

將 console.log(1-0.8); 變成console.log((1 * 10 - 0.8 * 10) / 10); 即可取得正確的值
根據上述原理，可以封裝一些方法來解決這類問題。如下所示（Math.pow(x, y);表示求x的y次方）：

//加法运算    
function floatAdd(arg1,arg2){    
     var r1,r2,m;    
     try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}    
     try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}    
     m=Math.pow(10,Math.max(r1,r2));    
     return (arg1*m+arg2*m)/m;    
}    
      
//减法运算    
function floatSub(arg1,arg2){    
    var r1,r2,m,n;    
    try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}    
    try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}    
    m=Math.pow(10,Math.max(r1,r2));    
    //动态控制精度长度    
    n=(r1>=r2)?r1:r2;    
    return ((arg1*m-arg2*m)/m).toFixed(n);    
}    
       
//乘法运算    
function floatMul(arg1,arg2)   {     
    var m=0,s1=arg1.toString(),s2=arg2.toString();     
    try{m+=s1.split(".")[1].length}catch(e){}     
    try{m+=s2.split(".")[1].length}catch(e){}     
    return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);     
}     
      
      
//除法运算  
function floatp(arg1,arg2){     
      var t1=0,t2=0,r1,r2;     
      try{t1=arg1.toString().split(".")[1].length}catch(e){}     
      try{t2=arg2.toString().split(".")[1].length}catch(e){}     
        
      r1=Number(arg1.toString().replace(".",""));  
   
      r2=Number(arg2.toString().replace(".",""));     
      return (r1/r2)*Math.pow(10,t2-t1);     
}

登入後複製