js浮点数精度计算问题解决

作者: cbw100 | 来源:发表于2018-03-26 11:05 被阅读39次

    在工作中遇到这种精度问题,例如:

    ➜  ~ node
    > 5.10*100
    509.99999999999994
    >
    

    大多数语言在处理浮点数的时候都会遇到精度问题,但是在JS里似乎特别严重,再来看一个例子

    alert(45.6*13);
    

    结果居然是592.800000000001,当然加法之类的也会有这个问题

    那这是js的错误吗?

    当然不是,你的电脑做着正确的二进制浮点运算,但问题是你输入的是十进制的数,电脑以二进制运算,这两者并不是总是转化那么好的,有时候会得到正确的结果,但有时候就不那么幸运了

    alert(0.7+0.1);//输出0.7999999999999999
    alert(0.6+0.2);//输出0.8
    

    你输入两个十进制数,转化为二进制运算过后再转化回来,在转化过程中自然会有损失了

    但一般的损失往往在乘除运算中比较多,而JS在简单的加减法里也会出现这类问题,你也看到了,这个误差也是非常小的,但是却是不该出现的

    1. 解决办法

    1.1 扩大倍数法:有多少位小数就扩大10的n次方

    document.write((0.01*100+0.09*100)/100); //输出结果为0.1
    

    1.2 四舍五入法:

    document.write((0.01+0.09).toFixed(2)); //保留2位小数,输出结果为0.10
    
    document.write(Math.round((0.01+0.09)*100)/100); //输出结果为0.1
    

    2. js封装四则运算

    //除法函数,用来得到精确的除法结果 
    //说明: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); 
    } 
    
    //减法函数,用来得到精确的减法结果 
    //说明:javascript的减法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。 
    //调用:accSubtr(arg1,arg2) 
    //返回值:arg1减去arg2的精确结果 
    function accSubtr(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);
    } 
    //给Number类型增加一个subtr 方法,调用起来更加方便。 
    Number.prototype.subtr = function (arg){ 
    return accSubtr(arg,this); 
    } 
    

    相关文章

      网友评论

        本文标题:js浮点数精度计算问题解决

        本文链接:https://www.haomeiwen.com/subject/zjlcoxtx.html