詳解js加減乘除精確計算

JS無法進行精確計算的bug

創(chuàng)新互聯(lián)專注于澄江網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。熱誠為您提供澄江營銷型網(wǎng)站建設(shè)，澄江網(wǎng)站制作、澄江網(wǎng)頁設(shè)計、澄江網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造澄江網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供澄江網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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

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運算結(jié)果不一定準確，會丟失精度。

解決方案

解決方案的原理是，將浮點數(shù)乘以（擴大）10的n次方倍，把浮點數(shù)變?yōu)檎麛?shù)后再進行相應(yīng)的運算，最后將得到的結(jié)果除以（縮?。?0的n次方倍。

原理示例：

將console.log(1-0.8); 變?yōu)?console.log((1 * 10 - 0.8 * 10) / 10); 即可得到正確的值
根據(jù)上述原理，可以封裝一些方法出來解決此類問題。如下所示（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)); 
 //動態(tài)控制精度長度 
 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 floatDiv(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); 
}

以上所述是小編給大家介紹的js加減乘除精確計算詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！

網(wǎng)站名稱：詳解js加減乘除精確計算
轉(zhuǎn)載來于：http://news.spvevtbd.cn/article/peccde.html

亚洲AVI,黑人巨茎大战欧美白妇,初高中生洗澡自慰高清网站,欧美日韩无砖专区一中文字

重慶分公司，新征程啟航

詳解js加減乘除精確計算

其他資訊