JS小数运算出现多为小数问题的解决方法


Posted in Javascript onJune 02, 2016

写在前面的话:

今天帮同事解决了一个问题,就是小数相乘出现很多位小数的问题;这个问题自己以前也遇到过,现在特意来总结一下;

Number类型:

Number类型是ECMAScript中最常用和最令人关注的类型了;这种类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中也被成为双精度数值),为支持各种数据类型,ECMA-262定义了不同的数值面量格式。

十进制:
var intNum=10; //整数

八进制:
var octalNum1=070; //八进制的56
var octalNum2=079; //无效的八进制数值-解析为79

八进制字面量在严格模式下是无效的;

十六进制:
var hexNum1=0xA; //10
切记:在进行运算的时候,所有以八进制和十六进制表示的数值都最终被转换成十进制;
为什么操作小数会出现误差?
浮点数值的最高进度是17位小数,但在进行运算的时候其精确度却远远不如整数;整数在进行运算的时候都会转成10进制; 而Java和JavaScript中计算小数运算时,都会先将十进制的小数换算到对应的二进制,一部分小数并不能完整的换算为二进制,这里就出现了第一次的误差。待小数都换算为二进制后,再进行二进制间的运算,得到二进制结果。然后再将二进制结果换算为十进制,这里通常会出现第二次的误差。
所以(0.1+0.2)!=03

解决方式:

程序代码
除法函数,用来得到精确的除法结果
说明: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);
}

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

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

其它运算类似,就可以得到比较精确的结果。
解决方式二:
比较常用的办法,toFixed(),toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。在我们计算的结果后面加上这个方法就OK了;但是对精度会有一丝影响,如果精度要求不高的话推荐使用;

Javascript 相关文章推荐
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
jquery ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
最新28个很棒的jQuery 教程
May 28 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
JavaScript中连接操作Oracle数据库实例
Apr 02 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
javascript中eval和with用法实例总结
Nov 30 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
Vue formData实现图片上传
Aug 20 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
Nov 10 Javascript
vue中三级导航的菜单权限控制
Mar 31 Vue.js
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 #Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 #Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 #Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 #Javascript
sencha ext js 6 快速入门(必看)
Jun 01 #Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 #Javascript
分享一个插件实现水珠自动下落效果
Jun 01 #Javascript
You might like
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
Stop SQL Server
2007/06/21 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
2019/09/25 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
Python通过future处理并发问题
2017/10/17 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
python入门之基础语法学习笔记
2020/02/08 Python
python实现扫雷游戏
2020/03/03 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
信息科学与技术专业求职信范文
2014/02/20 职场文书
2014财务年度工作总结
2014/11/11 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
经理助理岗位职责
2015/02/02 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers
详解jQuery的核心函数和事件处理
2022/02/18 jQuery