码迷,mamicode.com
首页 > Web开发 > 详细

JS操作小数运算,结果莫名其妙出现多位小数问题

时间:2016-09-19 17:35:03      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

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  
)}  
View Code

 

给Number类型增加一个mul方法,调用起来更加方便。

技术分享
Number.prototype.mul = function (arg){    
return accMul(arg, this);  
}  
View Code

加法函数,用来得到精确的加法结果

说明: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  
}  
View Code

 

给Number类型增加一个add方法,调用起来更加方便。

技术分享
Number.prototype.add = function (arg){    
return accAdd(arg,this);  
}  
View Code

在你要用的地方包含这些函数,然后调用它来计算就可以了。
  比如你要计算:7*0.8 ,则改成 (7).mul(8) 
  其它运算类似,就可以得到比较精确的结果。

 

解决方式二:

比较常用的办法,toFixed(),toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。在我们计算的结果后面加上这个方法就OK了;但是对精度会有一丝影响,如果精度要求不高的话推荐使用;

 

JS操作小数运算,结果莫名其妙出现多位小数问题

标签:

原文地址:http://www.cnblogs.com/lingyin/p/5885756.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!