js中两个小数相减,出现的多位小数

js中两个小数相减,出现的多位小数(原因:小数不能精确转换成2进制导致的  java也有类似的情况)

转 https://segmentfault.com/q/1010000005703172



二:解决方案(1)

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次方): 


//加  

functionfloatAdd(arg1,arg2){

varr1,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;

}    

//减  

functionfloatSub(arg1,arg2){

varr1,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);

}    

//乘  

functionfloatMul(arg1,arg2)   {

varm=0,s1=arg1.toString(),s2=arg2.toString();

try{m+=s1.split(".")[1].length}catch(e){}

try{m+=s2.split(".")[1].length}catch(e){}

returnNumber(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);

}     

//除 

functionfloatDiv(arg1,arg2){

vart1=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);

}  


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 解析URL 输入URL后,会进行解析(URL的本质就是统一资源定位符) URL一般包括几大部分: protocol...
    小超人的前端之路阅读 781评论 0 1
  • 发一组父母的庭院:已是深秋,依然勃勃生机! 那个被毁坏了网的蜘蛛没有停歇,呆会儿回来再看,已经把...
    兰色城堡阅读 264评论 0 4
  • 早上六点起床,看了会片,又睡了,零零总总睡了八个小时多吧。就是回笼觉不知道什么样,不过现在自己很精神应该挺好的。回...
    阮凯_7423阅读 451评论 0 0