JavaScript原生运算存在浮点数精度丢失问题，如1-0.8结果不为0.2。本文通过放大倍数转为整数运算再还原的原理，提供加减乘除的封装方法，确保CRM等场景下比例计算结果的准确性，避免显示异常。
JavaScript浮点数精度问题现象
JavaScript在处理数值运算时存在固有的精度问题，这并非程序错误，而是由IEEE 754浮点数标准决定的底层机制。
在开发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 通过上述示例可以看出，JavaScript原生运算的结果往往不够精确，会出现精度丢失的情况。
精确计算解决方案
解决方案
该方案的核心原理是将浮点数乘以10的n次方倍，从而将其转换为整数进行加减乘除运算，最后将计算结果除以10的n次方倍还原为浮点数。
原理示例：
将console.log(1-0.8); 修改为 console.log((1 * 10 - 0.8 * 10) / 10); 即可获得正确数值。基于此原理，可以封装相关方法以解决此类精度问题，代码如下（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);
} 以上介绍的是JavaScript实现加减乘除精确计算的详细方法，希望能对读者有所帮助。如有任何疑问，欢迎留言交流，小编会及时回复。感谢大家对本站的支持！