问题描述
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次方）：
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));
//动态控制精度长度
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);
}
补充解决方案
使用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/