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 相关文章推荐
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
Mar 25 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
js控住DOM实现发布微博效果
Aug 30 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
vue项目实现github在线预览功能
Jun 20 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
利用angular自动编译andriod APK的绕坑经历分享
Mar 08 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
Openlayers显示瓦片网格信息的方法
Sep 28 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 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
zf框架的校验器InArray使用示例
2014/03/13 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
PHP中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
jQuery 性能优化指南(3)
2009/05/21 Javascript
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
详解Python中的元组与逻辑运算符
2015/10/13 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
Python3 批量扫描端口的例子
2019/07/25 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
python实现猜数字游戏
2020/03/25 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
法雷奥SQA(electric)面试问题
2016/01/23 面试题
竞选卫生委员演讲稿
2014/04/28 职场文书
运动会口号16字
2014/06/07 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
三好学生事迹材料
2014/12/24 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
小学生教师节广播稿
2015/08/19 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
2016党员党课心得体会
2016/01/07 职场文书
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis