JavaScript浮点数运算精度丢失问题及解决方案

作者:代码拾荒时间:2026-10-22 01:16:47浏览:332

JavaScript中浮点数运算常出现精度丢失,如37.5*5.5结果异常。本文分析该Bug原因,并提供自定义加减乘除函数及Number原型扩展方法,通过处理小数位数实现精确计算。

JavaScript浮点数运算精度问题

问题描述:

执行37.5乘以5.5时,期望四舍五入保留两位小数的结果为206.08。

初步怀疑是四舍五入逻辑有误,直接使用JS计算得到的实际结果为:206.08499999999998。

为何两个仅含一位小数的数字相乘,会产生如此多的小数位?

经查询确认,这是JavaScript浮点数运算机制中存在的已知缺陷。

例如:7乘以0.8在JavaScript中计算结果为:5.6000000000000005。

解决方法:网络上提供了多种解决方案,主要思路是重新封装浮点运算函数。

以下摘录相关解决方法,供遇到相同问题的开发者参考:

程序代码

精确计算函数实现


//除法函数,用来得到精确的除法结果
//说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
//调用:accDiv(arg1,arg2)
//返回值:arg1除以arg2的精确结果
function accDiv(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){}
 with(Math){
 r1=Number(arg1.toString().replace(".",""))
 r2=Number(arg2.toString().replace(".",""))
 return (r1/r2)*pow(10,t2-t1);
 }
}

//给Number类型增加一个div方法,调用起来更加方便。
Number.prototype.div = function (arg){
 return accDiv(this, arg);
}

//乘法函数,用来得到精确的乘法结果
//说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
//调用:accMul(arg1,arg2)
//返回值:arg1乘以arg2的精确结果
function accMul(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)
}

//给Number类型增加一个mul方法,调用起来更加方便。
Number.prototype.mul = function (arg){
 return accMul(arg, this);
}

//加法函数,用来得到精确的加法结果
//说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用:accAdd(arg1,arg2)
//返回值:arg1加上arg2的精确结果
function accAdd(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
}

//给Number类型增加一个add方法,调用起来更加方便。
Number.prototype.add = function (arg){
 return accAdd(arg,this);
}

减法函数实现


function accSub(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));
//last modify by deeka
//动态控制精度长度
n = (r1 >= r2) ? r1 : r2;
return ((arg1 * m - arg2 * m) / m).toFixed(n);
}

在需要使用精确计算的模块中包含上述函数,随后调用即可。

例如计算7乘以0.8,可改写调用形式为(7).mul(8)。

其他运算方式类似,通过调用对应函数即可获得较高精度的结果。

以上关于JavaScript中Number数值运算后值不对的解决方法即为全部内容,希望能提供有效参考,感谢支持。

作者最新文章