JS小数运算出现多位小数的问题
2016-06-01 19:38
411 查看
写在前面的话:
今天帮同事解决了一个问题,就是小数相乘出现很多位小数的问题;这个问题自己以前也遇到过,现在特意来总结一下;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{ <span style="font-family:simsun;"> </span>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(".","")) <span style="font-family:simsun;"> </span>return (r1/r2)*pow(10,t2-t1); } <span style="font-family:simsun;"> </span>}
给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了;但是对精度会有一丝影响,如果精度要求不高的话推荐使用;
相关文章推荐
- js函数(类)的继承机制的设计与实现(四)
- Web前端学习第十六天·fighting_JavaScript(DOM编程艺术5-6章)
- JavaScript学习--Item31 值得你挑战的JavaScript面试题(45题)
- D3.js在svg地图上标点
- javascript:算法之数组去重
- JavaScript设计模式之接口
- js将long日期格式转换为标准日期格式
- CI加密,cryptojs解密, 使用aes-256-cbc
- js笔记---基础部分二
- [TypeScript] Understanding Generics with RxJS
- js中数组,其他都是对象
- 【Javascript】如何实现点的wave效果 && sinewave效果
- BZOJ_1821_[JSOI2010]_部落划分_(贪心,并查集)
- javascript $.ajax json list
- js遇到的问题
- 回车键触发button的onclick事件
- JS实现一个简单的抽奖系统
- 通过html中的元素来调用javascript中的脚本
- js 计算时间
- 最简单的antd的index.jsx的路由配置