js加减乘除精确计算

Javascript精确计算时的bug 


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次方): 
Js代码   收藏代码
  1. //加    
  2. function floatAdd(arg1,arg2){    
  3.      var r1,r2,m;    
  4.      try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}    
  5.      try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}    
  6.      m=Math.pow(10,Math.max(r1,r2));    
  7.      return (arg1*m+arg2*m)/m;    
  8. }    
  9.       
  10. //减    
  11. function floatSub(arg1,arg2){    
  12.     var r1,r2,m,n;    
  13.     try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}    
  14.     try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}    
  15.     m=Math.pow(10,Math.max(r1,r2));    
  16.     //动态控制精度长度    
  17.     n=(r1>=r2)?r1:r2;    
  18.     return ((arg1*m-arg2*m)/m).toFixed(n);    
  19. }    
  20.        
  21. //乘    
  22. function floatMul(arg1,arg2)   {     
  23.     var m=0,s1=arg1.toString(),s2=arg2.toString();     
  24.     try{m+=s1.split(".")[1].length}catch(e){}     
  25.     try{m+=s2.split(".")[1].length}catch(e){}     
  26.     return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);     
  27. }     
  28.       
  29.       
  30. //除   
  31. function floatDiv(arg1,arg2){     
  32.       var t1=0,t2=0,r1,r2;     
  33.       try{t1=arg1.toString().split(".")[1].length}catch(e){}     
  34.       try{t2=arg2.toString().split(".")[1].length}catch(e){}     
  35.         
  36.       r1=Number(arg1.toString().replace(".",""));  
  37.    
  38.       r2=Number(arg2.toString().replace(".",""));     
  39.       return (r1/r2)*Math.pow(10,t2-t1);     
  40. }  
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值