最近一个项目中要使用 JS 实现自动计算的功能,本以为只是实现简单的加、减、乘、除就可以了,于是三下五除二做完了。

正当我窃喜的时候,发现问题了。。。

进行一些浮点数运算时,计算结果都是让我大跌眼镜啊,那个值让我哭笑不得,一长串的值,太牛了。。。

我那个纳闷啊!!不过还好牛人多,给了我一解决方案,嘿嘿。。。问题基本上解决了,为了表示感觉,我决定把代码贴出来,大家共享一下,希望能给部分人一些帮助。

  1. //加法函数
  2. function accAdd(arg1, arg2) {
  3. var r1, r2, m;
  4. try {
  5. r1 = arg1.toString().split(".")[1].length;
  6. }
  7. catch (e) {
  8. r1 = 0;
  9. }
  10. try {
  11. r2 = arg2.toString().split(".")[1].length;
  12. }
  13. catch (e) {
  14. r2 = 0;
  15. }
  16. m = Math.pow(10, Math.max(r1, r2));
  17. return (arg1 * m + arg2 * m) / m;
  18. }
  19. //给Number类型增加一个add方法,,使用时直接用 .add 即可完成计算。
  20. Number.prototype.add = function (arg) {
  21. return accAdd(arg, this);
  22. };
  23. //减法函数
  24. function Subtr(arg1, arg2) {
  25. var r1, r2, m, n;
  26. try {
  27. r1 = arg1.toString().split(".")[1].length;
  28. }
  29. catch (e) {
  30. r1 = 0;
  31. }
  32. try {
  33. r2 = arg2.toString().split(".")[1].length;
  34. }
  35. catch (e) {
  36. r2 = 0;
  37. }
  38. m = Math.pow(10, Math.max(r1, r2));
  39. //last modify by deeka
  40. //动态控制精度长度
  41. n = (r1 >= r2) ? r1 : r2;
  42. return ((arg1 * m - arg2 * m) / m).toFixed(n);
  43. }
  44. //给Number类型增加一个add方法,,使用时直接用 .sub 即可完成计算。
  45. Number.prototype.sub = function (arg) {
  46. return Subtr(this, arg);
  47. };
  48. //乘法函数
  49. function accMul(arg1, arg2) {
  50. var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
  51. try {
  52. m += s1.split(".")[1].length;
  53. }
  54. catch (e) {
  55. }
  56. try {
  57. m += s2.split(".")[1].length;
  58. }
  59. catch (e) {
  60. }
  61. return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
  62. }
  63. //给Number类型增加一个mul方法,使用时直接用 .mul 即可完成计算。
  64. Number.prototype.mul = function (arg) {
  65. return accMul(arg, this);
  66. };
  67. //除法函数
  68. function accDiv(arg1, arg2) {
  69. var t1 = 0, t2 = 0, r1, r2;
  70. try {
  71. t1 = arg1.toString().split(".")[1].length;
  72. }
  73. catch (e) {
  74. }
  75. try {
  76. t2 = arg2.toString().split(".")[1].length;
  77. }
  78. catch (e) {
  79. }
  80. with (Math) {
  81. r1 = Number(arg1.toString().replace(".", ""));
  82. r2 = Number(arg2.toString().replace(".", ""));
  83. return (r1 / r2) * pow(10, t2 - t1);
  84. }
  85. }
  86. //给Number类型增加一个div方法,,使用时直接用 .div 即可完成计算。
  87. Number.prototype.div = function (arg) {
  88. return accDiv(this, arg);
  89. };
//加法函数
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方法,,使用时直接用 .add 即可完成计算。
Number.prototype.add = function (arg) {
return accAdd(arg, this);
}; //减法函数
function Subtr(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 ((arg1 * m - arg2 * m) / m).toFixed(n);
} //给Number类型增加一个add方法,,使用时直接用 .sub 即可完成计算。
Number.prototype.sub = function (arg) {
return Subtr(this, arg);
}; //乘法函数
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方法,使用时直接用 .mul 即可完成计算。
Number.prototype.mul = function (arg) {
return accMul(arg, this);
}; //除法函数
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方法,,使用时直接用 .div 即可完成计算。
Number.prototype.div = function (arg) {
return accDiv(this, arg);
};

使用方法:

  1. //加法示例(其它的都类似)
  2. function calculate() {
  3. //数字1
  4. var num1 = 10;
  5. //数字2
  6. var num2 = 5;
  7. //计算 num1 + num2
  8. alert(num1.add(num2));
  9. }
//加法示例(其它的都类似)
function calculate() {
//数字1
var num1 = 10;
//数字2
var num2 = 5;
//计算 num1 + num2
alert(num1.add(num2));
}

javascript 精确加减乘除的更多相关文章

  1. 【javaScript】加减乘除的精确计算

    在js中使用"+"."-"等符号进行运算会出现很大的误差,所以需要自己创建函数进行精确运算. //说明:javascript的加法结果会有误差,在两个浮点数相加 ...

  2. javascript的加减乘除结果会有误差,在两个浮点数相加的时候会比较明显。以下函数返回较为精确的计算结果

    加法函数(返回值:arg1加arg2的精确结果  ) function accAdd (arg1, arg2) { var r1, r2, m, c try { r1 = arg1.toString( ...

  3. Javascript+Dom(加减乘除计算器)

    计算器介绍:只能进行加减乘除,提示用户输入数字,正则表达式限制用户只能输入数字(在用户输入时限制),如果出现除零操作答案为0: 有两种针对不同运算符的解决方法: 1. 使用eval() 函数 //函数 ...

  4. javascript精确计算

    一篇文章: 4 个用于执行高级数学计算的 JavaScript 库 numbers.js  Numeric Javascript accounting.js Tangle 有时只需要加减乘法能精确,没 ...

  5. java BigDecimal实现精确加减乘除运算

    java.math.BigDecimal.BigDecimal一共有4个够造方法,让我先来看看其中的两种用法: 第一种:BigDecimal(double val)Translates a doubl ...

  6. javascript 浮点数加减乘除计算会有问题, 整理了以下代码来规避这个问题

    /* * js数学计算 add by yan */ /** ** 加法函数,用来得到精确的加法结果 ** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显.这个函数返回较 ...

  7. 使用math.js进行javascript精确计算

    javascript进行浮点运算会有尾差,比如算个0.1+0.7试试,得到的不是0.8 .这个问题可以使用math.js解决. Math.js是一款开源的JavaScript和Node.js数学库,用 ...

  8. js精确加减乘除

    //加法函数function accAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1 ...

  9. js 实现精确加减乘除

    //加法 function accAdd(arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1] ...

随机推荐

  1. VS头部自动注释

    1.找你的vs安装目录, 比如我的是在D盘D:\Program Files\Microsoft\VS2013\Common7\IDE 2.然后点击右上角的 搜索. 搜索Class.cs文件 3.把里面 ...

  2. redis的key对应mysql数据表设计

    根据用户名来查询用户信息 在关系型数据中,除主键外,还有可能其他列也步骤查询, 如上表中, username 也是极频繁查询的,往往这种列也是加了索引的. 转换到k-v数据中,则也要相应的生成一条按照 ...

  3. iOS构建流畅的交互界面--CPU,GPU资源消耗的原因和解决方案

    CPU资源消耗的原因和解决方案对象创建轻量对象代替重量对象* 不需要响应触摸事件的控件:CALayer显示* 对象不涉及UI操作,则尽量放到后台线程创建* 包含有CALayer的控件只能在主线程创建和 ...

  4. CF1038D Slime 构造

    题目大意: 有nnn只史莱姆qwq,每只史莱姆有一个分数,每次一只史莱姆可以吞掉左边的或者右边的史莱姆(要是有的话),然后ta的分数会减去被吞的史莱姆的分数,问最后剩下的史莱姆分数最大为多少 输入格式 ...

  5. crm需求分析步骤

    # CRM开发顺序# 需求分析# 思维导图# 业务场景分析#-------------------------------------## 原型图(Demo)# Axure#------------- ...

  6. Pyhton学习——Day48

    # 转载:http://www.cnblogs.com/yuanchenqi/articles/6437362.html#python关于mysql的API--pymysql模块# 执行sql语句# ...

  7. Unity5.X 编辑器介绍

      导航窗口中有一个 Add Asset Package 按钮,可以导入一些官方的资源包,例如Characters角色控制器   Windows → Layouts 可以更换窗口的摆放   常见视图 ...

  8. Windows下安装XAMPP,Wordpress

    配置XAMPP:   1.下载:https://www.apachefriends.org/zh_cn/download.html(下载速度日了狗!)  2.安装XAMPP;  3.启动apache, ...

  9. iOS开发——自动填充短信验证码

    苹果在iOS 12,改进了一个很人性化的小细节.在做短信验证码功能的时候,自动获取短信中的验证码,然后点击填充即可.不用再向之前那样麻烦,自己看到弹出的短信信息后,死记硬背,再一个个敲上去,害怕背错了 ...

  10. elment表格分页

    项目的时候遇到了一个分页的bug,经过分析Element源码之后找到了问题所在,现在把这个问题及解决方法记录下来. 项目中要实现的功能是用户选择查看表格的时候在任意页面点击查询,得到结果之后要展示的页 ...