JS浮点数精度

JS中浮点数精度问题

使用加减乘除时偶尔会出现精度问题，如：

0.1 + 0.2 = 0.30000000000000004
0.3 - 0.2 = 0.09999999999999998
0.1 * 3 = 0.30000000000000004
0.3 / 0.1 = 2.9999999999999996

为什么

让我们来看一下为什么 0.1 + 0.2 会等于 0.30000000000000004，而不是 0.3。

在 JavaScript 中所有数字包括整数和小数都只有一种类型 Number。它的实现遵循 IEEE二进制浮点数算术标准（IEEE 754），使用64位固定长度来表示，也就是标准的 double 双精度浮点数。

首先，十进制的 0.1 和 0.2 会被转换成二进制的，但是由于浮点数用二进制表示时是无穷的：

0.1 -> 0.0001 1001 1001 1001...(1100循环)
0.2 -> 0.0011 0011 0011 0011...(0011循环)

IEEE 754 标准的 64 位双精度浮点数的小数部分最多支持53位二进制位，所以两者相加之后得到二进制为：

0.0100110011001100110011001100110011001100110011001100 

因浮点数小数位的限制而截断的二进制数字，再转换为十进制，就成了0.30000000000000004。所以在进行算术计算时会产生误差。

解决方法

通常我们会使用 toFixed() 来解决，但其在常见浏览器上的表现不一致。

如：1.335.toFixed(2) 正常应该返回 1.34

浏览器	IE7-11	edge	Firefox	chrome
结果	1.34	1.33	1.33	1.33

测试结果只有 IE 符合预期。

针对 toFixed 的兼容性问题，我们可以把 toFixed 重写一下来解决。

我们通过判断最后一位是否大于等于5来决定需不需要进位，如果需要进位先把小数乘以倍数变为整数，加1之后，再除以倍数变为小数，这样就不用一位一位的进行判断。

// toFixed兼容方法
Number.prototype.toFixed = function(len) {
    if (len > 20 || len < 0) {
        throw new RangeError('toFixed() digits argument must be between 0 and 20');
    }
    // 对数字末尾加0
    function padNum(num) {
        num = num.toString();
        var dotPos = num.indexOf('.');
        if (dotPos === -1) {
            // 整数的情况
            num += '.';
            for (var i = 0; i < len; i++) {
                num += '0';
            }
            return num;
        } else {
            // 小数的情况
            var need = len - (num.length - dotPos - 1);
            for (var j = 0; j < need; j++) {
                num += '0';
            }
            return num;
        }
    }
    // .123 转为 0.123
    var number = Number(this);
    if (isNaN(number) || number >= Math.pow(10, 21)) {
        return number.toString();
    }
    if (typeof (len) == 'undefined' || len == 0) {
        return (Math.round(number)).toString();
    }
    var result = number.toString(),
        numberArr = result.split('.');

    if (numberArr.length < 2) {
        // 整数的情况
        return padNum(result);
    }
    var intNum = numberArr[0], // 整数部分
        deciNum = numberArr[1], // 小数部分
        lastNum = deciNum.substr(len, 1); // 最后一个数字
    
    if (deciNum.length == len) {
        // 需要截取的长度等于当前长度
        return result;
    }
    if (deciNum.length < len) {
        // 需要截取的长度大于当前长度 1.3.toFixed(2)
        return padNum(result);
    }
    // 需要截取的长度小于当前长度，需要判断最后一位数字
    result = intNum + '.' + deciNum.substr(0, len);
    if (parseInt(lastNum, 10) >= 5) {
        // 最后一位数字大于5，要进位
        var times = Math.pow(10, len); // 需要放大的倍数
        var changedInt = Number(result.replace('.', '')); // 截取后转为整数
        changedInt++; // 整数进位
        changedInt /= times; // 整数转为小数，注：有可能还是整数
        result = padNum(changedInt + '');
    }
    return result;
}