夏日博客

A-A+

JavaScript浮点数的运算详细介绍

2016年02月19日 前端设计 暂无评论 阅读 5 views 次

在JavsScript中，变量在存储时并不区分number和float类型，而是统一按float存储。而javascript使用IEEE 754-2008 标准定义的64bit浮点格式存储number，按照IEEE 754的定义： decimal64对应的整形部分长度为10,小数部分长度为16，所以默认的计算结果为“7.0000000000000001”，如最后一个小数为0，则取1作为有效数字标志。

类似地,我们可以想像,1/3的结果应该是0.3333333333333333。

为了得到我们想要的结果,我们需要校正这个值.

js中通过parseFloat函数可以把字符串转换成浮点数. 如果要把字符串转换成整数我们可以使用parseInt 函数. 通过parseFloat只能把数字字符转换成浮点数，不能把字母字符转换成浮点数。

parseFloat 函数的最主要的用途就是把用户从文本框输入的字符串转换成浮点数。

下面我们通过一个范例演示一下parseFloat函数的用法,我们放置两个文本框,让用户输入两个数字,然后计算其和并显示在第三个文本框内,代码如下:

  1. <html>  
  2. <head>  
  3. <title>脚本分</title>  
  4. <script type="text/javascript">   
  5. function to_add(){  
  6. document.f1.t3.value=parseFloat(document.f1.t1.value) + parseFloat(document.f1.t2.value);  
  7. }  
  8. </script>  
  9. </head>  
  10. <body>  
  11. <form method=post name=f1 ><br>  
  12. Enter fist value<input type=text name=t1 onBlur="to_add();"><br>  
  13. Enter Second value<input type=text name=t2 onBlur="to_add();"><br>  
  14. Sum <input type=text name=t3>  
  15. </form>  
  16. </body>  
  17. </html>  

注:parseFloat函数会尽量帮你把字符串转换成函数,比如查看源代码print,代码如下:

1 document.write(parseFloat("1234abc45"));

输出:1234

也就是说parseFloat函数会从字符串开始位置进行数字转换,碰到非数字字符停止,而"abc123",这样的字符串是无法转换成功的,上面这些都不是我们想要的结果,下面来看一个函数来解决这个问题,代码如下:

  1. //除法函数，用来得到精确的除法结果  
  2. //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。     
  3. //调用：division(arg1,arg2)     
  4. //返回值：arg1除以arg2的精确结果  
  5. function division(arg1,arg2){  
  6.  var t1=0,t2=0,r1,r2;  
  7.  try{t1=arg1.toString().split(".")[1].length}catch(e){}  
  8.  try{t2=arg2.toString().split(".")[1].length}catch(e){}  
  9.  with(Math){  
  10.   r1=Number(arg1.toString().replace(".",""));  
  11.   r2=Number(arg2.toString().replace(".",""));   
  12.   return (r1/r2)*pow(10,t2-t1);  
  13.  }  
  14. }  
  15. //乘法函数，用来得到精确的乘法结果     
  16. //说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。     
  17. //调用：multiply(arg1,arg2)     
  18. //返回值：arg1乘以arg2的精确结果     
  19. function multiply(arg1,arg2){  
  20.  arg1=String(arg1);var i=arg1.length-arg1.indexOf(".")-1;i=(i>=arg1.length)?0:i;  
  21.  arg2=String(arg2);var j=arg2.length-arg2.indexOf(".")-1;j=(j>=arg2.length)?0:j;  
  22.  return arg1.replace(".","")*arg2.replace(".","")/Math.pow(10,i+j);  
  23. }  
  24. //加法函数，用来得到精确的加法结果     
  25. //说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。     
  26. //调用：add(arg1,arg2)     
  27. //返回值：arg1加上arg2的精确结果     
  28. function add(arg1,arg2){  
  29.  var r1,r2,m;  
  30.  try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}  
  31.  try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}  
  32.  m=Math.pow(10,Math.max(r1,r2));  
  33.  return (arg1*m+arg2*m)/m;  
  34. }  
标签：

给我留言