最近一个项目中要使用 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. Java对象、Json、Xml转换工具Jackson使用

    在Java项目中將一个对象转换成一段Json格式的字符串是非常常见的,能够实现这种需求的工具包也比较多,例如Gson.JSON-lib.Jackson等等.本文主要介绍Jackson的使用,Jacks ...

  2. Paper-[arXiv 1710.03144]Island Loss for Learning Discriminative Features in Facial Expression

    [arXiv 1710.03144]Island Loss for Learning Discriminative Features in Facial Expression ABSTRACT 作者在 ...

  3. Unity 动画系统(Mecanim)的组成结构

    三部分: Model Rigging(直译传动装置,术语翻译绑定)(连接Model与Animations) Animations

  4. Unity 动画系统(Mecanim) 术语及翻译 表格

    原文 翻译 Animation Clip 视频片段 Avatar 阿凡达 Retargeting 重定向 Rigging 绑定 skinning 蒙皮 Animator Component 动画组件 ...

  5. ZBrush设计制作小怪兽并用KeyShot渲染

    ZBrush为电影制作设计独特的生物概念重点向大家介绍了概念设计师Ian Joyner使用ZBrush®3D图形绘制软件雕刻面对镜头咆哮的生物半身像的具体过程,ZBrush创建好模型之后,要想让角色更 ...

  6. Java使用反射通过对象属性获取属性的值

    代码: // 通过属性获取传入对象的指定属性的值 public String getValueByPropName(Student student, String propName) { String ...

  7. HTML中使用 js 添加 data-toggle

    情况:<li class="active"><a href="#server1" data-toggle="tab"> ...

  8. 当一个线程进入一个对象的一个synchronized方法后, 其它线程是否可进入此对象的其它方法?

    分几种情况: 1.其他方法前是否加了synchronized关键字,如果没加,则能. 2.如果这个方法内部调用了wait,则可以进入其他synchronized方法. 3.如果其他个方法都加了sync ...

  9. CSS变量实用指南及注意事项

    近年来,一些动态特性已经开始成为 CSS 语言本身的一部分. CSS变量 – 官方的术语为 "自定义属性" – 已经已经加入规范并且具有很好的浏览器支持,而 CSS mixins ...

  10. struts2解决动态多文件上传的问题(上传文件与数据库字段一一对应)(转)

    struts2多文件上传我想只要会用struts2的朋友都不会陌生,但是怎么在action中根据用户上传的文 件把文件路径写到数据库中对应的字段上呢?ps:我的意思是这样,页面上有固定的5个上传文件的 ...