js浮点数的四则精确计算

js的浮点数类型值在参与四则运算时,有时候会产生不正确数据,这是编程语言的通病,因为计算机是二进制的。
比如一个简单的加法:268.34 + 0.83,js得出的结果是269.16999999999996。类似的加减乘除有很多。

因此需要一个精确计算的方法,来保证精确度。Github上有几个Math库,一般项目使用未免太大。这里贴出一个从http://www.cnblogs.com/junjieok/p/3306155.html而来的轻量方法,已足够使用。
代码如下:

var Calc = {
    /*
    函数,加法函数,用来得到精确的加法结果  
    说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
    参数:arg1:第一个加数;arg2第二个加数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
    调用:Calc.Add(arg1,arg2,d)  
    返回值:两数相加的结果
    */
    Add: function (arg1, arg2) {
        arg1 = arg1.toString(), arg2 = arg2.toString();
        var arg1Arr = arg1.split("."), arg2Arr = arg2.split("."), d1 = arg1Arr.length == 2 ? arg1Arr[1] : "", d2 = arg2Arr.length == 2 ? arg2Arr[1] : "";
        var maxLen = Math.max(d1.length, d2.length);
        var m = Math.pow(10, maxLen);
        var result = Number(((arg1 * m + arg2 * m) / m).toFixed(maxLen));
        var d = arguments[2];
        return typeof d === "number" ? Number((result).toFixed(d)) : result;
    },
    /*
    函数:减法函数,用来得到精确的减法结果  
    说明:函数返回较为精确的减法结果。 
    参数:arg1:第一个加数;arg2第二个加数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数
    调用:Calc.Sub(arg1,arg2)  
    返回值:两数相减的结果
    */
    Sub: function (arg1, arg2) {
        return Calc.Add(arg1, -Number(arg2), arguments[2]);
    },
    /*
    函数:乘法函数,用来得到精确的乘法结果  
    说明:函数返回较为精确的乘法结果。 
    参数:arg1:第一个乘数;arg2第二个乘数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
    调用:Calc.Mul(arg1,arg2)  
    返回值:两数相乘的结果
    */
    Mul: function (arg1, arg2) {
        var r1 = arg1.toString(), r2 = arg2.toString(), m, resultVal, d = arguments[2];
        m = (r1.split(".")[1] ? r1.split(".")[1].length : 0) + (r2.split(".")[1] ? r2.split(".")[1].length : 0);
        resultVal = Number(r1.replace(".", "")) * Number(r2.replace(".", "")) / Math.pow(10, m);
        return typeof d !== "number" ? Number(resultVal) : Number(resultVal.toFixed(parseInt(d)));
    },
    /*
    函数:除法函数,用来得到精确的除法结果  
    说明:函数返回较为精确的除法结果。 
    参数:arg1:除数;arg2被除数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
    调用:Calc.Div(arg1,arg2)  
    返回值:arg1除于arg2的结果
    */
    Div: function (arg1, arg2) {
        var r1 = arg1.toString(), r2 = arg2.toString(), m, resultVal, d = arguments[2];
        m = (r2.split(".")[1] ? r2.split(".")[1].length : 0) - (r1.split(".")[1] ? r1.split(".")[1].length : 0);
        resultVal = Number(r1.replace(".", "")) / Number(r2.replace(".", "")) * Math.pow(10, m);
        return typeof d !== "number" ? Number(resultVal) : Number(resultVal.toFixed(parseInt(d)));
    }
};

2015年08月05日修改版: 上面的除法在 Div(‘33.00′, 10)情况下出错,因此修订并优化了代码,如下:

/**
 * @tofishes js的四则精确运算方法
 * http://www.cnblogs.com/junjieok/p/3306155.html
 * 例如:
 * 268.34 + 0.83
 * 268.34 - 0.86
 * 0.3 - 0.2
 * 0.33 * 10
 * 33.3 / 10
 */
;(function (global) {

    function getDigits(num) {
        var digits = 0
        ,   parts = num.toString().split(".");

        if (parts.length === 2) {
            digits = parts[1].length;
        }

        return digits;
    }

    function toFixed(num, digits) {
        if (typeof digits == 'undefined') {
            return num;
        }

        return Number(num).toFixed(digits);
    }

    var MathKit = {
        /*
        函数,加法函数,用来得到精确的加法结果  
        说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
        参数:arg1:第一个加数;arg2第二个加数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
        调用:MathKit.Add(arg1,arg2,d)  
        返回值:两数相加的结果
        */
        Add: function (arg1, arg2, digits) {
            arg1 = arg1.toString(), arg2 = arg2.toString();

            var maxLen = Math.max(getDigits(arg1), getDigits(arg2))
            ,   m = Math.pow(10, maxLen)
            ,   result = Number(((arg1 * m + arg2 * m) / m).toFixed(maxLen));

            return toFixed(result, digits);
        },
        /*
        函数:减法函数,用来得到精确的减法结果  
        说明:函数返回较为精确的减法结果。 
        参数:arg1:第一个加数;arg2第二个加数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数
        调用:MathKit.Sub(arg1,arg2)  
        返回值:两数相减的结果
        */
        Sub: function (arg1, arg2, digits) {
            return MathKit.Add(arg1, -Number(arg2), digits);
        },
        /*
        函数:乘法函数,用来得到精确的乘法结果  
        说明:函数返回较为精确的乘法结果。 
        参数:arg1:第一个乘数;arg2第二个乘数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
        调用:MathKit.Mul(arg1,arg2)  
        返回值:两数相乘的结果
        */
        Mul: function (arg1, arg2, digits) {
            // 数字化
            var num1 = parseFloat(arg1).toString()
            ,   num2 = parseFloat(arg2).toString()
            ,   m = getDigits(num1) + getDigits(num2)

            ,   result = num1.replace(".", "") * num2.replace(".", "") / Math.pow(10, m);

            return toFixed(result, digits);
        },
        /*
        函数:除法函数,用来得到精确的除法结果  
        说明:函数返回较为精确的除法结果。 
        参数:arg1:除数;arg2被除数;d要保留的小数位数(可以不传此参数,如果不传则不处理小数位数)
        调用:MathKit.Div(arg1,arg2)  
        返回值:arg1除于arg2的结果
        */
        Div: function (arg1, arg2, digits) {
            // 数字化
            var num1 = parseFloat(arg1).toString()
            ,   num2 = parseFloat(arg2).toString()

            ,   t1 = getDigits(num1)
            ,   t2 = getDigits(num2)

            ,   result =  num1.replace(".", "") / num2.replace(".", "") * Math.pow(10, t2 - t1)

            return toFixed(result, digits);
        }
    };

    // AMD / RequireJS
    if (typeof define !== 'undefined' && define.amd) {
        define(function () {
            return MathKit;
        });
        return;
    };
    // Node.js
    if (typeof module !== 'undefined' && module.exports) {
        module.exports = MathKit;
        return;
    };

    global.MathKit = MathKit;
})(this);

http://cssor.com/js-float-calculation.html

参与评论

电子邮件地址不会被公开。 必填项已用*标注

*

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(48)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(31)移动开发(4)自然(22)