JS中数字精度丢失问题，加减乘除解决方案

目录

 

js数据计算进度丢失

js进度丢失解决方法

 

---

js数据计算进度丢失

JavaScript 内部，所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。

1 === 1.0 // true

这就是说，JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）。容易造成混淆的是，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数，然后再进行运算。

由于浮点数不是精确的值，所以涉及小数的比较和运算要特别小心。

0.1 + 0.2 === 0.3
// false

0.3 / 0.1
// 2.9999999999999996

(0.3 - 0.2) === (0.2 - 0.1)
// false

 

js进度丢失解决方法

加法：

// 加法函数，用来得到精确的加法结果 
// 说明：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 Subtr(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);
}

乘法：

// 乘法函数，用来得到精确的乘法结果 
// 说明：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的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 
// 调用：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); 
} 

以上方法均是网上查找的方法。