美文网首页
Js中做减法时,出现小数位增加Bug

Js中做减法时,出现小数位增加Bug

作者: 辣瓜瓜 | 来源:发表于2018-09-12 23:31 被阅读66次

这个bug是Js固有的,这是因为在javascript中浮点数的计算是以2进制计算的,浮点数精度不准。可以用下面方法来解决。

解决方法思路:将小数是先放大成整数后,求和、差、积等运算后再缩小。

//加法函数
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).toFixed(2);
} 

//加法函数
function accAddInt(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方法,,使用时直接用 .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);
}

//给Number类型增加一个add方法,,使用时直接用 .sub 即可完成计算。 
Number.prototype.sub = function (arg) {
    return Subtr(this, arg);
};

//乘法函数
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)).toFixed(2);
} 
//给Number类型增加一个mul方法,使用时直接用 .mul 即可完成计算。 
Number.prototype.mul = function (arg) {
    return accMul(arg, this);
}; 

//除法函数
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)).toFixed(2);
    }
} 
//给Number类型增加一个div方法,,使用时直接用 .div 即可完成计算。 
Number.prototype.div = function (arg) {
    return accDiv(this, arg);
}; 

相关文章

  • Js中做减法时,出现小数位增加Bug

    这个bug是Js固有的,这是因为在javascript中浮点数的计算是以2进制计算的,浮点数精度不准。可以用下面方...

  • 由一道错例引发的讨论

    学习小数的加减法时,位数不同的小数减法是教学的难点。由于被减数的小数位数比减数的小数位数少,造成了学生的认知冲突。...

  • JS 内置对象 内置函数

    当js做小数运算时存在bug,大概是因为二进制和十进制转换之间的关系。 bug如图 解决方案 1.加减法可以用参数...

  • ReactNative:RCTJSONStringify() e

    React Native 问题汇总: Bug: 原因:原生端在与JS端产生数据交互时是否传值中数据格式出现问题。 ...

  • 解决JS计算0.1+0.2 !==0.3

    经常做用js数据运算的同学应该了解,在js中,0.1+0.2不会等于0.3,而是等于: 我一开始发现这个bug的时...

  • 文章价值密度决定读者的关注度,想提高价值密度就要学会减法写作

    写作是先做加法后做减法的过程。做加法就是增加文章价值总量,做减法则是增加文章价值密度。 价值密度,是指单位时间内,...

  • 人到中年的感悟

    人到中年,经历越多,感悟越多;人到中年,焦虑增加,对生活也难免出现迷茫;人到中年,人生开始做减法,成熟了,看透了,...

  • 页面出现bug时

    1.先看报错 2.检查代码--接口ip是否正确 传参数的方式 3.打开Network 查看请求头 4.和后台调式 ...

  • JS toFixed()填坑

    问题 1、在JS中四舍五入的函数 toFixed(n) , n为要保留的小数位数。 n为0~20,当n超过20的时...

  • swiper自动播放bug

    在引入js的时候,zepto.min.js要在swiper.jquery.min.js前面,不然会出现自动播放不了bug

网友评论

      本文标题:Js中做减法时,出现小数位增加Bug

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