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 相关文章推荐
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
Nov 22 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
Dec 22 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
通过js示例讲解时间复杂度与空间复杂度
Aug 06 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
详解Typescript里的This的使用方法
Jan 08 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
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
基于jQuery的获取标签名的代码
2012/07/16 Javascript
DWR实现模拟Google搜索效果实现原理及代码
2013/01/30 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
Bootstrap下拉菜单样式
2017/02/07 Javascript
EasyUI在Panel上动态添加LinkButton按钮
2017/08/11 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
vue 父组件中调用子组件函数的方法
2019/06/06 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
跟老齐学Python之Import 模块
2014/10/13 Python
在Python的Tornado框架中实现简单的在线代理的教程
2015/05/02 Python
Python模拟三级菜单效果
2017/09/11 Python
django中瀑布流写法实例代码
2019/10/14 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
英国最大的百货公司:Harrods
2016/08/18 全球购物
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
新闻编辑自荐信
2013/11/03 职场文书
保险经纪人求职信
2014/03/11 职场文书
导师评语大全
2014/04/26 职场文书
中班上学期幼儿评语
2014/04/30 职场文书
文案策划岗位职责
2015/02/11 职场文书
大学生实习推荐信
2015/03/27 职场文书