javascript 小数乘法结果错误的处理方法


Posted in Javascript onJuly 28, 2016

一、用js计算

12.32 * 7  结果是多少?
答案:86.24000000000001
 
为什么会出现这种问题?怎么解决?
js在处理小数的乘除法的时候有一个bug,解决的方法可以是:将小数变为整数来处理。
以上的计算可以改为:
12.32 * 100 * 7 /100
得出的结果是:86.24,正确。
 
另外再计算一下:
8.80 * 100 * 12 / 100
结果:105.60000000000002
38.80也会出现类似的问题。
 
精确度增加10倍:
8.80 * 1000 * 12 / 1000
结果:105.6
正常了。
 
16.40 * 1000000 * 6 / 1000000
结果也有问题
 
为了让js执行的更准确,在以后的js小数计算中直接将值扩大10000倍,再除以10000,就可以解决问题。
var num = 38.80;
var num2 = 13;
alert(num * 10000 * 12 / 10000);
 
被乘和除的这个数经过测试10000最合适,小了有些数字出问题,大了(1000000)有些数字也出问题。

二、

<script>
Number.prototype.rate=function(){
varoStr=this.toString();
if(oStr.indexOf(".")==-1)
return1;
else
returnMath.pow(10,parseInt(oStr.length-oStr.indexOf(".")-1));
}
 
functiontran(){
args=tran.arguments;
vartemp=1;
for(i=0;i<args.length;i++)
temp*=args[i]*args[i].rate();
for(i=0;i<args.length;i++)
temp/=args[i].rate();
returntemp
}
 
alert(tran(11,22.9));
 
</script>

该解决 办法是比较麻烦的办法,但是却能让你大概了解解决这个问题的实际过程。

//除法函数,用来得到精确的除法结果
//说明: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);
}

以上这篇javascript 小数乘法结果错误的处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
初识SmartJS - AOP三剑客
Jun 08 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
Mar 17 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
轮播的简单实现方法
Jul 28 #Javascript
关于JS变量和作用域详解
Jul 28 #Javascript
jquery轮播的实现方式 附完整实例
Jul 28 #Javascript
AngularJS入门教程中SQL实例详解
Jul 27 #Javascript
AngularJS入门教程之表格实例详解
Jul 27 #Javascript
基于jQuery实现仿微博发布框字数提示
Jul 27 #Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 #Javascript
You might like
Php部分常见问题总结
2006/10/09 PHP
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
python实现获取Ip归属地等信息
2016/08/27 Python
Python随机数random模块使用指南
2016/09/09 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
互动出版网:专业书籍
2017/03/21 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
毕业生自我鉴定
2013/12/04 职场文书
新闻专业个人求职信
2013/12/19 职场文书
出国留学介绍信
2014/01/13 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
门市房租房协议书
2014/12/04 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
电力安全学习心得体会
2016/01/18 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
OpenCV实现常见的四种图像几何变换
2022/04/01 Python