js小数计算丢失精度问题

简介: js小数计算丢失精度问题

问题描述

js在计算小数计算如 1-0.2 的时候会丢失精度,即 1-0.2 = 0.19999999999999996;

例如:

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 

产生原因

计算机能读懂的是二进制,进行运算的时候,实际上是把数字转换为了二进制进行的,这个过程中丢失了精度


通常的解决办法

例如: console.log(0.99 - 0.88); 变为 console.log((0.99 * 100 - 0.88 * 100) / 100)

但是: 9033742.2 * 100 ----->903374219 (还是有一些特殊情况 不能直接*10的n次方)


通用解决办法

根据上述原理 做一下修改小数点截取转数字在计算,可以封装一些方法出来解决此类问题。如下所示(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);     
    }

补充解决方案

使用toFixed(),假如丢失精度之前是三位小数,就a.toFixed(3),表示保留三位小数,toFixed()函数会四舍五入(保留三位小数的话假如第四位大于等于5,第三位会加一)。


参考文章

https://blog.csdn.net/zkx529/article/details/124667006

https://blog.csdn.net/u011301203/article/details/100084962

https://www.cnblogs.com/fxwoniu/p/16278216.html

https://www.codeleading.com/article/99554441168/

目录
相关文章
|
2月前
|
JavaScript 前端开发
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
202 0
|
1月前
|
JavaScript 前端开发
|
3月前
|
JavaScript
js计算时间差,包括计算,天,时,分,秒
js计算时间差,包括计算,天,时,分,秒
295 16
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
28 1
|
2月前
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
33 0
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器:深入理解与实践
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器:深入理解与实践
25 0
|
3月前
|
JavaScript
js 保留2位小数
js 保留2位小数
|
7月前
|
缓存 JavaScript 前端开发
Vue.js计算属性:实现数据驱动的利器
Vue.js计算属性:实现数据驱动的利器
|
6月前
|
JavaScript 前端开发 Java
JavaScript小数四舍五入的代码
JavaScript小数四舍五入的代码
58 8
|
5月前
|
JavaScript
js 精确计算(解决js四则运算精度缺失问题)
js 精确计算(解决js四则运算精度缺失问题)
155 0