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 相关文章推荐
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
基于vue实现简易打地鼠游戏
Aug 21 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 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
php下删除字符串中HTML标签的函数
2008/08/27 PHP
检查url链接是否已经有参数的php代码 添加 ? 或 &
2010/02/09 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
autoIMG 基于jquery的图片自适应插件代码
2011/03/12 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
Python进阶之递归函数的用法及其示例
2018/01/31 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
替换python字典中的key值方法
2018/07/06 Python
Python WSGI的深入理解
2018/08/01 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
python交易记录整合交易类详解
2019/07/03 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
python的列表List求均值和中位数实例
2020/03/03 Python
python IDLE添加行号显示教程
2020/04/25 Python
Python执行时间的几种计算方法
2020/07/31 Python
python爬虫---requests库的用法详解
2020/09/28 Python
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
幼儿园中班教学反思
2014/02/10 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
出国留学计划书
2014/04/27 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
小学教研工作总结2015
2015/05/13 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电