最近一个项目中要使用 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. <错误>

    1. package com.multak.cookaraclient.adapter; import android.content.Context; import android.support. ...

  2. 边框的使用,border-radius,box-shadow,border-image

    <html>    <head>        <meta charset="UTF-8">        <title></ ...

  3. io框架

    IO流的三种分类方式 1.按流的方向分为:输入流和输出流 2.按流的数据单位不同分为:字节流和字符流 3.按流的功能不同分为:节点流和处理流 (节点流表示的是直接操作节点(例如文件,键盘)的流,例如F ...

  4. APICloud 上滑加载更多

    <!DOCTYPE html><html>        <head>        <meta charset="UTF-8">  ...

  5. vue登录

    <template> <section class="wrap-page wrap-page-u" style="padding-top:2rem;&q ...

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

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

  7. Layui Excle/csv数据导出

    官方文档的数据是这样的 依赖 Layui 2.4版本以上 layui.use([ 'table'], function(){ var table=layui.table; table.exportFi ...

  8. 开发微信小程序必须要知道的事

    为什么是小程序? 为什么我们会开发小程序呢?或许是因为工作需要,或许是源于自己的追求(来自名利的欲望),但我要说--这是一种缘分,很美好的缘分,很多年后还值得庆幸的缘分 小程序目前可以分为三个阶段 一 ...

  9. django-2-路由配置及渲染方式

    <<<视图>>> (1)首先要注册创建好的app (2)配置路由 在app目录下新建一个urls.py模块 模块里面复制myproject目录下urls.py里面的 ...

  10. VUE:过滤器及日期格式化moment库

    VUE:过滤器及日期格式化moment库 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu ...