最近一个项目中要使用 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. 转:Eclipse上安装GIT插件EGit及使用

    一.Eclipse上安装GIT插件EGit Eclipse的版本eclipse-java-helios-SR2-win32.zip(在Eclipse3.3版本找不到对应的 EGit插件,无法安装) E ...

  2. C# 正则表达式

    C# 正则表达式 正则表达式 是一种匹配输入文本的模式..Net 框架提供了允许这种匹配的正则表达式引擎.模式由一个或多个字符.运算符和结构组成. 定义正则表达式 下面列出了用于定义正则表达式的各种类 ...

  3. Android Finalizing a Cursor that has not been deactivated or closed

    问题描述: 使用Sqlite数据库时,有时候会报下面的异常: Finalizing a Cursor that has not been deactivated or closed 一个光标没有被停用 ...

  4. ASP.NET 页面缓存OutputCache用法实例(附ab压力测试对比图)

    本文主要介绍Web窗体页面中的使用方法,MVC中使用方法,大家自行百度. 一.简单一行指令即可实现 <%@ OutputCache VaryByParam=" %> 这样整个页面 ...

  5. css3动画机制原理和实战

    这段时间喜欢上css3动画效果了,关于这个每个人都有不同的看法,在我个人看来css3在做一些小页面的动画效果还是很好用的,一些简单的小动画要是用js的话,未免浪费. 要是做大一点的话最好js+css3 ...

  6. div纵向居中的方法(转载)

    方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性. <div id="wrapper"> ...

  7. 路飞学城Python-Day32

    36-进程池线程池 开多线程实现并发的效率是高的,当用户没有那么多的时候,服务器是可以承受压力的 但是一定要以某种方式来设置并发数,让服务器能够实现稳定的运行,控制服务器的线程数 设置池,往里面放池的 ...

  8. Use gdb attach pid and debug it

  9. Vue学习之路第一篇(学习准备)

    1.开发工具的选择 这个和个人的开发习惯有关,并不做强求,厉害的话用记事本也可以.但是我还是建议用人气比较高的编辑工具,毕竟功能比较全面,开发起来效率比较高. 我之前写前端一直用的是sublimete ...

  10. [luogu2607 ZJOI2008] 骑士 (树形dp)

    题目描述 Z国的骑士团是一个很有势力的组织,帮会中汇聚了来自各地的精英.他们劫富济贫,惩恶扬善,受到社会各界的赞扬. 最近发生了一件可怕的事情,邪恶的Y国发动了一场针对Z国的侵略战争.战火绵延五百里, ...