js小数运算出现多位小数如何解决

小数相乘出现很多位小数的问题；这个问题自己以前也遇到过，现在特意来总结一下；

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

============================

一个有趣的测试：

0.1+0.2 == 0.3 //false
顿时郁闷，好吧！原来0.1+0.2变成：0.30000000000000004
再来一个 2.4/0.8 =>2.9999999999999996 没办法换种方式，都转换成整数 (2.4 * 100)/(0.8 * 100)
10.22 现在要减去 0.11 结果值又出现了很多的小数 10.110000000000001，然后我就用了 toFixed 方法来过滤小数，但是不知道跟前面那种转换成整数后再执行哪种效率高，好！还是试下再说吧！

var date1 = new Date();
for(var i = 0; i < 10000; i++){
 var result1 = (10.22 - 0.11).toFixed(2);
}
alert(new Date() - date1);//效率低

var date2 = new Date();
for(var j = 0; j < 10000; j++){
 var result2 = (10.22 * 1000 - 0.11 * 1000) / 1000;
}
alert(new Date() - date2);//效率高

alert(0.1 + 0.2 == 0.3); //既然返回false
alert(0.1 + 0.2); //既然返回0.30000000000000004
alert(parseFloat(0.1) + parseFloat(0.2)); //还是返回0.30000000000000004

查了一些资料，一是 JavaScript 浮点数计算的 Bug，另一个是和计算机最终转换成二进制计算有关系。

解决方法：
解决这种问题两种方法，第一种就是利用JavaScript 的toFixed(n) 方法，直接获取N 位小数，这种方法在数据精度上会有一些问题。如果数据精度要求不高的话可以使用。

alert((0.1 + 0.2).toFixed(1));

第二种方法就是自己编写运算方法。以下是自定义加法函数，使用此方法进行相加会避免上面问题。

//自定义加法运算
function addNum (num1, num2) {
 var sq1,sq2,m;
 try {
  sq1 = num1.toString().split(".")[1].length;
 }
 catch (e) {
  sq1 = 0;
 }
 try {
  sq2 = num2.toString().split(".")[1].length;
 }
 catch (e) {
  sq2 = 0;
 }
 m = Math.pow(10,Math.max(sq1, sq2));
 return (num1 * m + num2 * m) / m;
}
alert(addNum(0.1, 0.2));

 

当然，简单一点也可以写成：alert((num * 3 + 10 * 3) /3); 这样也不会出现 N 多位小数。
alert((num * 3 + 10 * 3) /3); 与 alert(num + 10); 这两种写法计算机在底层转换成二进制运算是有区别的，或许这就是出现上述问题的原因