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

  • //说明: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精度问题,解决方案 math.js

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

  3. JS精度问题(0.1+0.2 = 0.3吗?)

    一.引出问题 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精度缺失问题

    问题描述 在Java后端传一个比较大的Long值的时候 前端接收值的时候会出现精度的缺失: 解决办法 添加一个转换类 点击查看代码 public class JacksonObjectMapper e ...

随机推荐

  1. A WPF File ListView and ComboBox

    源码下载: Download FileListView_Version_2.zip Download FileListView_Version_2_Binaries.zip Download File ...

  2. 返璞归真 asp.net mvc (7) - asp.net mvc 3.0 新特性之 Controller

    原文:返璞归真 asp.net mvc (7) - asp.net mvc 3.0 新特性之 Controller [索引页][源码下载] 返璞归真 asp.net mvc (7) - asp.net ...

  3. 进程和线程之间的关系和区别 和 CPU牒

    流程具有一定独立功能的程序关于某个数据集合上的一次执行活动,进程是系统进行资源分配和调度的一个独立单位. 线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进程更小的能独立执行的基本单位. 进 ...

  4. Java的结构之美【2】——销毁对象

    先来看一段代码: import java.util.Arrays; import java.util.EmptyStackException; /** * 2014年6月28日09:31:59 * @ ...

  5. 如何js编译的文件dll对于网页电话

    1. 加入一个项目的解决方案:JSControl 2. 在这个项目中加入js文件(JScript1.js) 脚本的内容: function showAlert(){ alert('Today is a ...

  6. HTML5 3D翻书效果(双面效应)

    最后使用HTML5翻书效果达到测试,比较简单,它的升级版是 最后一个问题: 1)后,原来的页面连环画将成为一面镜子 2)无法实现双面翻书. 3)明显感觉页面似有近遮挡标志. 这次的升级版本号实现过程比 ...

  7. 简单实现Android平台多语言

    这里,我们认识到两种语言.中国简体和繁体中国. 在res文件建议两个文件夹 values-zh-rCN values-zh-rTW 两个目录下都有一个strings.xml文件. 两个同名文件的字符串 ...

  8. jedis异常:NoSuchElementException: Timeout waiting for idle object

    项目发现网络环境:java.util.NoSuchElementException: Timeout waiting for idle object 问题原因:不应该在try中释放资源.而应该在fin ...

  9. HDU1312 Red and Black 解读

    递归搜索方法标题,采用递归搜索方法,但是,如果没有迭代计算的真正的政党格. 我们的想法是: 1 每一个搜索为党格要改变电流方向格的值至 '*',或任何其他非'.'的值,代表方格了 2 递归的时候不回复 ...

  10. 网络请求 http get post 一

    Http 定义了与server交互的不同方法.最主要的方法有4种.各自是Get POST PUT DELETE ,URL 全称资源描写叙述符,我们能够这样觉得一个URL地址,一个URL地址,它用于描写 ...