首页 > 建站教程 > JS、jQ、TS >  javascript关于小数计算的结果会出现小数的位数变多的现象正文

javascript关于小数计算的结果会出现小数的位数变多的现象

今天对一个表格数据进行累加时出现了结果的小数位数变多了(要求所有的数值最多是3位小数),例如:





再例如:
    7*0.8=5.6000000000000005
    0.1+0.2=0.30000000000000004

一是JS浮点数计算的bug, 另一个是和计算机最终转换成二进制计算有关系, 但是为什么不是所有小数都会有这种现象, 目前我也不清楚,还望哪位大神告知。

个人解决方法:
    1:把所有书乘以1000即:num*1000;然后累加得到sum,然后除以1000即:sum=sum/1000;

    2:采用toFixed()方法:就是将表格的计算结果,sum1.toFixed(3)即可;
    numberObject.toFixed(num);解释num是必须参数取值[0-20]包括0和20指的是四舍五入后保留的小数的位数,toFixed()方法不仅仅会截取小数的位数,还会从截取的地方进行四舍五入
    例如:7.325.toFixed(2)==7.33;7.322.toFixed(2)==7.32;
    numberObject.toFixed(num)方法的兼容问题我尚未遇到;如果有精英发现,请告知,我在ie浏览器下测试都可以;

    3:还有关于计算速度问题,方法1效率高。

    4:自定算法
//自定义加法运算
function addNum (num1, num2) {
    var sq1,sq2,m;
    try {
        sq1 = num1.toString().split(".")[1].length;
    }
    catch (e) {
        sq1 = 0;
    }
    try {
        sq2 = num2.toString().split(".")[1].length;
    }
    catch (e) {
        sq2 = 0;
    }
    m = Math.pow(10,Math.max(sq1, sq2));
    return (num1 * m + num2 * m) / m;
}
alert(addNum(22.77, 10));
    这种方法就可以很好地解决。其中Math.pow(x,y)方法返回x,y次方。x,y 必须使数字。