美文网首页
js中两个小数相减,出现的多位小数

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

作者: 家乡_a6ce | 来源:发表于2020-03-19 09:56 被阅读0次

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

}  

相关文章

网友评论

      本文标题:js中两个小数相减,出现的多位小数

      本文链接:https://www.haomeiwen.com/subject/npjkyhtx.html