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 相关文章推荐
js window.event对象详尽解析
Feb 17 Javascript
修复ie8&chrome下window的resize事件多次执行
Oct 20 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
node.js中的path.delimiter方法使用说明
Dec 09 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
bootstrap轮播图示例代码分享
May 17 Javascript
JS实现左边列表移到到右边列表功能
Mar 28 Javascript
Node.js的进程管理的深入理解
Jan 09 Javascript
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
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
PHP项目开发中最常用的自定义函数整理
2010/12/02 PHP
php获取图片信息的方法详解
2015/12/10 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
PHP后期静态绑定之self::限制实例分析
2018/12/21 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
CCPry JS类库 代码
2009/10/30 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
微信小程序实现tab页面切换功能
2018/07/13 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
vue生命周期的探索
2019/04/03 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
使用python遍历指定城市的一周气温
2017/03/31 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
消防先进事迹材料
2014/02/10 职场文书
个人廉洁自律总结
2015/03/06 职场文书
用人单位聘用意向书
2015/05/11 职场文书
通讯稿范文
2015/07/22 职场文书
大学军训心得体会800字
2016/01/11 职场文书
2016年学校招生广告语
2016/01/28 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python