关闭

JS小数运算出现多位小数的问题

6466人阅读 评论(1) 收藏 举报

写在前面的话:

今天帮同事解决了一个问题,就是小数相乘出现很多位小数的问题;这个问题自己以前也遇到过,现在特意来总结一下;

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了;但是对精度会有一丝影响,如果精度要求不高的话推荐使用;


0
0
查看评论

Javascript计算浮点数乘积出现多位小数解决方案

Javascript在进行浮点数的乘积运算,会出现多位小数的情况。 这是由于在运算的时候先把浮点数转化成二进制后进行运算,但是有的小数在二进制编码后出现无限循环,因而导致计算出现了误差,在其它变成语言中也有类似的问题。 原因解释参考自百度知道: 例如:...
  • zk437092645
  • zk437092645
  • 2014-02-17 14:53
  • 3109

javascript关于小数计算的结果会出现小数的位数变多的现象

javascript关于小数计算的Bug,出现结果小数位数变多的现象
  • zjbkzj
  • zjbkzj
  • 2016-11-28 18:24
  • 549

js函数 Number()、parseInt()、parseFloat()的区别:

Number()、parseInt()、parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串。...
  • liuzhen917
  • liuzhen917
  • 2013-01-10 15:38
  • 53148

js 字符串转换成数字的三种方法, 取float型小数点后两位数的方法

在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全 方法主要有三种 转换函数、强制类型转换、利用...
  • LANGZI7758521
  • LANGZI7758521
  • 2016-07-26 11:13
  • 21139

js 自定义加减乘除方法(防止js自身计算错误)

/** * 乘法 * @param arg1 * @param arg2 * @returns {Number} */ function accMul(arg1, arg2) { var m = 0, s1 = arg1.toString(), s2 = arg2.toString...
  • u011072139
  • u011072139
  • 2017-01-05 17:02
  • 10514

JS的乘法,除法,取模,加法,减法运算

一、乘法运算 如果运算数都是数字,执行常规的乘法运算。如果结果太大或太小,那么生成的结果就是Infinity或 -Infinity (1)如果某个运算数是NaN,结果为NaN  (2)Infinity乘以0,结果为NaN (3)Infinity乘以0以外的数字,结果为Infini...
  • liaozhongping
  • liaozhongping
  • 2015-07-22 23:47
  • 3266

js中两个数的乘法

(Number(isNum)*Number(isDj)).toFixed(2) 乘法用Number(isNum)*Number(isDj)执行就可以,如果不用碰上8或9等数字可能会出问题 toFixed(2)表示精确到2位数
  • sprita1
  • sprita1
  • 2013-10-27 01:05
  • 24039

js中精确的乘除运算

/**  * 除法函数,用来得到精确的除法结果 说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。  * 调用:accDiv(arg1,arg2) 返回值:arg1除以arg2的精确结果  */ ...
  • videa1949
  • videa1949
  • 2016-07-26 19:49
  • 154

JavaScript 简单实现加减乘除运算

JavaScript 简单实现加减乘除运算 新手学习,不足之处,多多指正。 要求输入两个数字,点击按钮在文本框中返回值。 上代码: 加减乘除运算 加减乘除运算 数值A: 数值B: 结果: ...
  • ye_nianfeng
  • ye_nianfeng
  • 2017-04-25 21:15
  • 2941

js加减乘除运算重写

忘了这个从哪里看到的,如果作者看到了请留言,我加上出处。 这个写法源自JS的bug,浮点运算结果与实际结果有偏差。所以找了一个重写的方法,直接拿来就可以用拉。 我们不生产代码,我们只是代码的搬运工。 //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函...
  • wuyajungogo
  • wuyajungogo
  • 2016-02-23 10:25
  • 1491
    个人资料
    • 访问:393103次
    • 积分:5824
    • 等级:
    • 排名:第5276名
    • 原创:167篇
    • 转载:42篇
    • 译文:8篇
    • 评论:109条
    博客专栏
    最新评论
    spring学习之路
    开始重新学习spring了,记录自己的点点滴滴,加油吧,少年。