JS 精度问题处理

时间:2021-06-11 22:46:26
  • /除法函数,用来得到精确的除法结果

  • //说明: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);

  • }

  • //减法函数

  • function accSub(arg1,arg2){

  • var r1,r2,m,n;

  • 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));

  • //last modify by deeka

  • //动态控制精度长度

  • n=(r1>=r2)?r1:r2;

  • return ((arg2*m-arg1*m)/m).toFixed(n);

  • }

  • ///给number类增加一个sub方法,调用起来更加方便

  • Number.prototype.sub = function (arg){

  • return accSub(arg,this);

  • }

JavaScript小数在做四则运算时,精度会丢失,这会在项目中引起诸多不便,先请看下面脚本:

  1. <script type="text/javascript" language="javascript">
  2. alert(1/3);//弹出: 0.3333333333333333
  3. alert(0.09999999 + 0.00000001);//弹出: 0.09999999999999999
  4. alert(-0.09999999 - 0.00000001);//弹出: -0.09999999999999999
  5. alert(0.012345 * 0.000001);//弹出: 1.2344999999999999e-8
  6. alert(0.000001 / 0.0001);//弹出: 0.009999999999999998
  7. </script>

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

  1. //加法
  2. Number.prototype.add = function(arg){
  3. var r1,r2,m;
  4. try{r1=this.toString().split(".")[1].length}catch(e){r1=0}
  5. try{r2=arg.toString().split(".")[1].length}catch(e){r2=0}
  6. m=Math.pow(10,Math.max(r1,r2))
  7. return (this*m+arg*m)/m
  8. }
  9. //减法
  10. Number.prototype.sub = function (arg){
  11. return this.add(-arg);
  12. }
  13. //乘法
  14. Number.prototype.mul = function (arg)
  15. {
  16. var m=0,s1=this.toString(),s2=arg.toString();
  17. try{m+=s1.split(".")[1].length}catch(e){}
  18. try{m+=s2.split(".")[1].length}catch(e){}
  19. return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
  20. }
  21. //除法
  22. Number.prototype.div = function (arg){
  23. var t1=0,t2=0,r1,r2;
  24. try{t1=this.toString().split(".")[1].length}catch(e){}
  25. try{t2=arg.toString().split(".")[1].length}catch(e){}
  26. with(Math){
  27. r1=Number(this.toString().replace(".",""))
  28. r2=Number(arg.toString().replace(".",""))
  29. return (r1/r2)*pow(10,t2-t1);
  30. }
  31. }
  1. <script type="text/javascript" language="javascript">
  2. alert(Number(0.09999999).add(0.00000001));//弹出: 0.1
  3. //注意,如果是负数,一定要先使用Number转型,否则结果不正确
  4. alert(Number(-0.09999999).sub(0.00000001));//弹出: -0.1
  5. alert(Number(0.012345).mul(0.000001));//弹出: 1.2345e-8
  6. alert(Number(0.000001).div(0.0001));//弹出: 0.01
  7. </script>

JS精度问题处理

  1. /除法函数,用来得到精确的除法结果

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

  3. //调用:accDiv(arg1,arg2)

  4. //返回值:arg1除以arg2的精确结果

  5. function accDiv(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. //给Number类型增加一个div方法,调用起来更加方便。

  16. Number.prototype.div = function (arg){

  17. return accDiv(this, arg);

  18. };

  19. //乘法函数,用来得到精确的乘法结果

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

  21. //调用:accMul(arg1,arg2)

  22. //返回值:arg1乘以arg2的精确结果

  23. function accMul(arg1,arg2)

  24. {

  25. var m=0,s1=arg1.toString(),s2=arg2.toString();

  26. try{m+=s1.split(".")[1].length}catch(e){}

  27. try{m+=s2.split(".")[1].length}catch(e){}

  28. return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m);

  29. }

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

  31. Number.prototype.mul = function (arg){

  32. return accMul(arg, this);

  33. };

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

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

  36. //调用:accAdd(arg1,arg2)

  37. //返回值:arg1加上arg2的精确结果

  38. function accAdd(arg1,arg2){

  39. var r1,r2,m;

  40. try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

  41. try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

  42. m=Math.pow(10,Math.max(r1,r2));

  43. return (arg1*m+arg2*m)/m;

  44. }

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

  46. Number.prototype.add = function (arg){

  47. return accAdd(arg,this);

  48. }

  49. //减法函数

  50. function accSub(arg1,arg2){

  51. var r1,r2,m,n;

  52. try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

  53. try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

  54. m=Math.pow(10,Math.max(r1,r2));

  55. //last modify by deeka

  56. //动态控制精度长度

  57. n=(r1>=r2)?r1:r2;

  58. return ((arg2*m-arg1*m)/m).toFixed(n);

  59. }

  60. ///给number类增加一个sub方法,调用起来更加方便

  61. Number.prototype.sub = function (arg){

  62. return accSub(arg,this);

  63. }

JS 精度问题处理的更多相关文章

  1. js精度误差

    之前虽然有看到过 js 精度相关的文章.但也都没有“印象深刻” ,但是今天"有幸"遇到了. 做一个项目,进行页面调试的时候, 当数量增加到3时总价格变得好长好长 立马在控制台验证了 ...

  2. JS精度问题&comma;解决方案 math&period;js

    JS精度问题    Vue中使用 解决方案 math.js npm install mathjs import { create, all } from 'mathjs' const config = ...

  3. JS精度问题(0&period;1&plus;0&period;2 &equals; 0&period;3吗?&rpar;

    一.引出问题 0.1+0.2 = 0.3吗?在JS中是这样的吗?我们写个测试代码不就知道了吗? 结果出人意料,并不像我们所想象的那样.那么这到底是为什么呢? 二.原因分析 JS浮点数存储机制: 三.解 ...

  4. 关于snowflake算法生成的ID转换为JS的数字类型由于过大导致JS精度丢失的问题

    JS的数字类型目前支持的最大值为:9007199254740992,一旦数字超过这个值,JS将会丢失精度,导致前后端的值出现不一致. JAVA的Long类型的       最大值为:922337203 ...

  5. js精度问题

    JavaScript数字精度丢失问题总结 现象 原因 计算机的二进制实现和位数限制有些数无法有限表示.就像一些无理数不能有限表示,如 圆周率 3.1415926...,1.3333... 等.JS 遵 ...

  6. JS精度损失toFixed

    1234*0.01=12.3400000001 很明显后缀00001跟预期想要的不一致,起初面临这个问题我的处理方式是这样的: (1234*0.01).toString().substring(0,2 ...

  7. js精度丢失解决办法

    /** * 加法运算,避免数据相加小数点后产生多位数和计算精度损失. * * @param num1加数1 | num2加数2 */ function numAdd(num1, num2) { var ...

  8. springboot 解决 数字长度过长导致JS精度丢失问题

    问题 在开发过程中,我们的主键字段使用了数字作为主键ID,发现数字精度丢失的问题. 上图红框是后端日志的输出. 在浏览器端F12 看到的结果如上图,数据居然自动变化,这个是数字在浏览器丢失了精度,导致 ...

  9. js精度溢出解决方案

    一般参数值不能超过16位.如果超出16都是用0替代,导致我们查询不到自己想要的结果. 遇到此问题我们做如下修改 自己写属性 原始的: <a href="javascript:void( ...

随机推荐

  1. nubia Z5 mini 小牛 黑砖qhsusb dload修复

    给手机分区,用了分区助手,将一些分区移动. 结果分区坏了,只有两三个分区在电脑显示,当时晕菜把数据线拔了重插. 手机变砖,不能启动,黑屏,不能进recovery... 参考 http://bbs.nu ...

  2. CLR via C&num;深解笔记五 - 事件

    事件处理实际上是一种具有特殊签名的delegate, 像这个样子:public delegate void EventHandler(object sender, EventArgs e);   类型 ...

  3. Java多线程的三种实现方式

    java多线程的三种实现方式 一.继承Thread类 二.实现Runnable接口 三.使用ExecutorService, Callable, Future 无论是通过继承Thread类还是实现Ru ...

  4. 实时通讯库 libre&sol;librem&sol;restund&sol;baresip

    http://www.creytiv.com/ 源码下载 libre Toolkit library for asynchronous network IO with protocol stacks ...

  5. 【AOS应用基础平台】完好了AOS标签库,和标准标签库完美兼容了

    [金码坊AOS开发平台]今天①完好了AOS标签库,和标准标签库完美兼容了.②新开发了依据子页面动态生成主页面的二级导航菜单功能.#AOS开发平台#

  6. 以前用Delphi写的CSDN免积分下载器

    用了AlphaControl皮肤组件,原理很简单,就是CSDN的一个漏洞.我主要是使用WinInet来获取相关信息,然后从里面分析出真实的下载URL,同时我也是用了AES加密.function Get ...

  7. GNU libmicrohttpd 0&period;9&period;29 发布 - 开源中国社区

    GNU libmicrohttpd 0.9.29 发布 - 开源中国社区 GNU libmicrohttpd 0.9.29 发布

  8. Parco&lowbar;Love&lowbar;String

    二维的kmp直接搞出来emmm, 后缀自动机都没这个快(本弱鸡不会后缀自动机) #include <bits/stdc++.h> using namespace std; #define ...

  9. PTA——乘2后不变

    PTA 7-49 Have Fun with Numbers #include<stdio.h> #include<string.h> #define N 21 int mai ...

  10. 大数据入门到精通4--spark的rdd的map使用方式

    学习了之前的rdd的filter以后,这次来讲spark的map方式 1.获得文件 val collegesRdd= sc.textFile("/user/hdfs/CollegeNavig ...