JavaScript 浮点数运算 精度问题

  Js代码

  

复制代码 代码如下:

  <script type="text/javascript" language="javascript">

  alert(1/3);//弹出: 0.3333333333333333

  alert(0.09999999 + 0.00000001);//弹出: 0.09999999999999999

  alert(-0.09999999 - 0.00000001);//弹出: -0.09999999999999999

  alert(0.012345 * 0.000001);//弹出: 1.2344999999999999e-8

  alert(0.000001 / 0.0001);//弹出: 0.009999999999999998

  </script>

  <script type="text/javascript" language="javascript">

  alert(1/3);//弹出: 0.3333333333333333

  alert(0.09999999 + 0.00000001);//弹出: 0.09999999999999999

  alert(-0.09999999 - 0.00000001);//弹出: -0.09999999999999999

  alert(0.012345 * 0.000001);//弹出: 1.2344999999999999e-8

  alert(0.000001 / 0.0001);//弹出: 0.009999999999999998

  </script>

  [code]

  按正常计算的话,除第一行外(因为其本身就不能除尽),其他都应该要得到精确的结果,从弹出的结果我们却发现不是我们想要的正确结果。为了解决浮点数运算不准确的问题,在运算前我们把参加运算的数先升级(10的X的次方)到整数,等运算完后再降级(0.1的X的次方)。现收集并整理贴于此,以备后用。

  加法

  Js代码

  [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

  }

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

  Number.prototype.add = function (arg){

  return accAdd(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);

  }

  减法

  Js代码

  [code]

  //说明:javascript的减法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。

  //调用:accSub(arg1,arg2)

  //返回值:arg1减上arg2的精确结果

  function accSub(arg1,arg2){

  return accAdd(arg1,-arg2);

  }

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

  Number.prototype.sub = function (arg){

  return accSub(this,arg);

  }

  //说明:javascript的减法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。

  //调用:accSub(arg1,arg2)

  //返回值:arg1减上arg2的精确结果

  function accSub(arg1,arg2){

  return accAdd(arg1,-arg2);

  }

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

  Number.prototype.sub = function (arg){

  return accSub(this,arg);

  }

  乘法

  Js代码

  

复制代码 代码如下:

  //说明: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的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。

  //调用: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);

  } 除法

  Js代码

  //说明: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的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。

  //调用: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);

  }

  测试一把

  Js代码

  

复制代码 代码如下:

  <script type="text/javascript" language="javascript">

  /*

  alert(0.09999999 + 0.00000001);//弹出: 0.09999999999999999

  alert(-0.09999999 - 0.00000001);//弹出: -0.09999999999999999

  alert(0.012345 * 0.000001);//弹出: 1.2344999999999999e-8

  alert(0.000001 / 0.0001);//弹出: 0.009999999999999998

  */

  alert(0.09999999.add(0.00000001));//弹出: 0.1

  alert(-0.09999999.sub(0.00000001));//弹出: -0.09999998

  alert(0.012345.mul(0.000001));//弹出: 1.2345e-8

  alert(0.000001.div(0.0001));//弹出: 0.01

  </script>