js实现算数运算的精确计算

来源：懂视网责编：小采时间：2020-11-27 19:33:31

js实现算数运算的精确计算

js实现算数运算的精确计算:一个精确的计算对于一个项目来说是至关重要的，那么如何在js中实现算数运算的精确计算呢？下面这篇文章给大家分享的就是js实现的精确计算。JS无法进行精确计算的bug 在做CRM，二代审核需求审核详情页面时。需要按比例（后端传类似0.8的小数）把用户输入的数字

推荐度：

点击下载本文 文档为doc格式

导读js实现算数运算的精确计算:一个精确的计算对于一个项目来说是至关重要的，那么如何在js中实现算数运算的精确计算呢？下面这篇文章给大家分享的就是js实现的精确计算。JS无法进行精确计算的bug 在做CRM，二代审核需求审核详情页面时。需要按比例（后端传类似0.8的小数）把用户输入的数字

一个精确的计算对于一个项目来说是至关重要的，那么如何在js中实现算数运算的精确计算呢？下面这篇文章给大家分享的就是js实现的精确计算。

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次方）：

//加法运算 
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 floatp(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); 
}

js实现算数运算的精确计算

推荐度：

点击下载本文 文档为doc格式

标签： js 计算计算的

热门焦点

js实现算数运算的精确计算

js实现算数运算的精确计算

js实现算数运算的精确计算

最新推荐

猜你喜欢

热门推荐