解决JS浮点数(小数) 运算出现Bug的方法
例如37.2 * 5.5 = 206.08 就直接用JS算了一个结果为： 204.60000000000002 怎么会这样， 两个只有一位小数的数字相乘， 怎么可能多出这么小数点出来。 后来查了下，发现原来这是JavaScript浮点运算的一个bug。

方法 / 步骤
比如： 7 * 0.8 JavaScript算出来就是： 5.6000000000000005 网上找到了一些解决办法， 就是重新写了一些浮点运算的函数或直接扩大倍数运算。 下面就把这些方法摘录下来， 以供遇到同样问题的朋友参考：
在你要用的地方包含这些函数， 然后调用它来计算就可以了。 / 如果在知道小数位个数的前提下， 可以考虑通过将浮点数放大倍数到整型(最后再除以相应倍数)， 再进行运算操作， 这样就能得到正确的结果了

<!DOCTYPE html>

<html>

<head>

    <title>浮点数运算</title>

    <meta charset="utf-8">

    <meta http-equiv="Pragma" content="no-cache">

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

</head>

<body>

<script>

/* 解决JS浮点数(小数) 运算出现Bug的方法

37.2 * 5.5 = 206.08 就直接用JS算了一个结果为： 204.60000000000002 怎么会这样， 两个只有一位小数的数字相乘， 怎么可能多出这么小数点出来。 后来查了下，发现原来这是JavaScript浮点运算的一个bug。

方法 / 步骤

比如： 7 * 0.8 JavaScript算出来就是： 5.6000000000000005 网上找到了一些解决办法， 就是重新写了一些浮点运算的函数或直接扩大倍数运算。 下面就把这些方法摘录下来， 以供遇到同样问题的朋友参考：*/

/* 在你要用的地方包含这些函数， 然后调用它来计算就可以了。 / 如果在知道小数位个数的前提下， 可以考虑通过将浮点数放大倍数到整型(最后再除以相应倍数)， 再进行运算操作， 这样就能得到正确的结果了*/

var jjxx={

    /*加法函数，返回值：arg1加上arg2的精确结果*/

    numAdd:function(arg1, arg2){

        var r1, r2, m;

        try {

            r1 = arg1.toString().split(".")[].length

        } catch (e) {

            r1 =

        }

        try {

            r2 = arg2.toString().split(".")[].length

        } catch (e) {

            r2 =

        }

        m = Math.pow(, Math.max(r1, r2))

        return (arg1 * m + arg2 * m) / m

    },

    /*减法函数, 返回值：arg1减去arg2的精确结果*/

    numSubtract:function(arg1, arg2) {

        var r1, r2, m, n;

        try {

            r1 = arg1.toString().split(".")[].length

        } catch (e) {

            r1 =

        }

        try {

            r2 = arg2.toString().split(".")[].length

        } catch (e) {

            r2 =

        }

        m = Math.pow(, Math.max(r1, r2));

        //动态控制精度长度

        n = (r1 >= r2) ? r1 : r2;

        return ((arg1 * m - arg2 * m) / m).toFixed(n);

    },

    /*乘法函数 返回值：arg1乘以arg2的精确结果*/

    numMultiply:function(arg1, arg2) {

        var m = ,

            s1 = arg1.toString(),

            s2 = arg2.toString();

        try {

            m += s1.split(".")[].length

        } catch (e) {}

        try {

            m += s2.split(".")[].length

        } catch (e) {}

        return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(, m)

    },

    /*除法函数, 返回值：arg1除以arg2的精确结果*/

    numDivide:function(arg1, arg2){

        var t1 = ,

            t2 = ,

            r1, r2;

        try {

            t1 = arg1.toString().split(".")[].length

        } catch (e) {}

        try {

            t2 = arg2.toString().split(".")[].length

        } catch (e) {}

        with(Math) {

            r1 = Number(arg1.toString().replace(".", ""))

            r2 = Number(arg2.toString().replace(".", ""))

            return (r1 / r2) * pow(, t2 - t1);

        }

    }

}

</script>

</body>

<script>

    alert( * 0.8)

    alert(jjxx.numMultiply(,0.8))

</script>

</html>

解决JavaScript浮点数(小数) 运算出现Bug的方法的更多相关文章

  1. 浅谈JavaScript浮点数及其运算

    原文:浅谈JavaScript浮点数及其运算     JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的.浮点数的精度问题 ...

  2. JavaScript 浮点数及运算精度调整总结

    JavaScript 浮点数及运算精度调整总结 JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的.浮点数的精度问题不是J ...

  3. 解决JS浮点数(小数)计算加减乘除的BUG

    在JavaScript中输出下面这些数值(注意不能作为字符串输出):0.1000000000000000000000000001(28位小数).0.10000000000000000000000000 ...

  4. JavaScript浮点数及其运算

    .普及两个函数Math.pow(底数,几次方)Number.toFixed(小数位数)2.浮点数相加function accAdd(arg1,arg2){   var r1,r2,m;   try{r ...

  5. javascript浮点数转换成整数三种方法

    将浮点数转换成整数方法有很多,分享三种常用方法. Summary 暂时我就想到3个方法而已.如果读者想到其他好用方法,也可以交流一下 parseInt位运算符Math.floor Math.ceil ...

  6. js小数运算出现多位小数如何解决

    小数相乘出现很多位小数的问题:这个问题自己以前也遇到过,现在特意来总结一下: Number类型: Number类型是ECMAScript中最常用和最令人关注的类型了:这种类型使用IEEE754格式来表 ...

  7. 搞懂js中小数运算精度问题原因及解决办法

    js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言中的double类型(双精度浮点型),不区分浮点型和整数型. number类 ...

  8. 【Python】解决浮点数间运算存在不确定尾数的问题

    #浮点数间运算存在不确定尾数,所以会输出False if 0.1+0.2==0.3: print("Ture\n") else: print("False\n" ...

  9. JavaScript 浮点数陷阱及解法

    众所周知,JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果,如 0.1+0.2=0.30000000000000004.1-0.9=0. ...

随机推荐

  1. kafka windows安装 命令行下使用测试

    1.zookeeper安装:   (https://zookeeper.apache.org/releases.html) ①进入zookeeper的相关设置所在的文件目录,例如本文的:D:\bigd ...

  2. POJ 3764 DFS+trie树

    题意: 给你一棵树,求树中最长的xor路径.(n<=100000) 思路: 首先我们知道 A xor B =(A xor C) xor (B xor C) 我们可以随便选一个点DFS 顺便做出与 ...

  3. vc6中关于“新建”

    1.windows api 编程:新建→工程→Win32 Application→一个空工程→新建→文件→C++ Source File2.windows mfc 编程:新建→工程→MFC AppWi ...

  4. ScrollView和ListView滑动冲突问题

    1.在ScrollView里面嵌套ListView时,ListView的滑动事件无法响应. 先看下事件分发的过程: 由父View层的  onInterceptTouchEvent    到中间层的on ...

  5. hdu 1754 I Hate It【线段树】

    维护一个最大值 #include<cstdio> #include<cstring> #include<iostream> #include<algorith ...

  6. ZBrush中遮罩的概念及使用

    刚接触设计软件的小伙伴有可能不知道什么叫做遮罩,遮罩的概念是什么,顾名思义,遮罩就是可以将局部进行遮挡,使用它可以锁定和保护我们不想改变的模型位置,即被遮罩的部分将不参与任何编辑. ZBrush®软件 ...

  7. mongodb配置文件详解

    logpath=/app/mongo/mongolog/mongo.log dbpath=/app/mongo/mongodata verbose = true #vvvv = true #此项会产生 ...

  8. C# 基础复习 四 ADO

    调用存储过程,并接收多个表的查询结果 一个表用一个DataTable,DataSet可以存储多个DataTable DataSet需要SqlDataAdapter来填充数据 SqlConnection ...

  9. Laravel 5.5 项目安装报错

    错误一. [Composer\Exception\NoSslException] The openssl extension is required for SSL/TLS protection bu ...

  10. video标签实现简单视频背景+遇到问题(视频无法显示，不能自动播放)

    最近看网上有一些网站首页背景是炫酷的视频背景,就想模拟一个 1.video标签简介 video标签定义视频,就是可以在网页上实现视频的播放,详情见http://www.w3school.com.cn/ ...