js中Number数字数值运算后值不对的解决方法


Posted in Javascript onFebruary 28, 2017

问题:

37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数)

我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998

怎么会这样,两个只有一位小数的数字相乘,怎么可能多出这么小数点出来。

我Google了一下,发现原来这是JavaScript浮点运算的一个bug。

比如:7*0.8 JavaScript算出来就是:5.6000000000000005

解决方法:网上找到了一些解决办法,就是重新写了一些浮点运算的函数。

下面就把这些方法摘录下来,以供遇到同样问题的朋友参考:

程序代码

//除法函数,用来得到精确的除法结果
//说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
//调用:accDiv(arg1,arg2)
//返回值:arg1除以arg2的精确结果
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);
 }
}

//给Number类型增加一个div方法,调用起来更加方便。
Number.prototype.div = function (arg){
 return accDiv(this, arg);
}

//乘法函数,用来得到精确的乘法结果
//说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
//调用:accMul(arg1,arg2)
//返回值:arg1乘以arg2的精确结果
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)
}

//给Number类型增加一个mul方法,调用起来更加方便。
Number.prototype.mul = function (arg){
 return accMul(arg, this);
}

//加法函数,用来得到精确的加法结果
//说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用:accAdd(arg1,arg2)
//返回值:arg1加上arg2的精确结果
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
}

//给Number类型增加一个add方法,调用起来更加方便。
Number.prototype.add = function (arg){
 return accAdd(arg,this);
}

减法函数

function accSub(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);
}

在你要用的地方包含这些函数,然后调用它来计算就可以了。

比如你要计算:7*0.8 ,则改成 (7).mul(8)

其它运算类似,就可以得到比较精确的结果。

以上这篇js中Number数字数值运算后值不对的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
学习javascript,实现插入排序实现代码
Jul 31 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
canvas绘图不清晰的解决方案
Feb 28 #Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 #Javascript
js数字计算 误差问题的快速解决方法
Feb 28 #Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 #Javascript
JS实现浏览器打印、打印预览示例
Feb 28 #Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 #Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 #Javascript
You might like
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
javascript几个易错点记录
2014/11/26 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
解决vue-router中的query动态传参问题
2018/03/20 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
Python subprocess模块学习总结
2014/03/13 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
对python的文件内注释 help注释方法
2018/05/23 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
python同步windows和linux文件
2019/08/29 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
浅谈django 重载str 方法
2020/05/19 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
美国最受欢迎的度假租赁网站:VRBO
2016/08/02 全球购物
《纸船和风筝》教学反思
2014/02/15 职场文书
委托书的格式
2014/08/01 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
集结号观后感
2015/06/08 职场文书
高二数学教学反思
2016/02/18 职场文书
redis限流的实际应用
2021/04/24 Redis
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript