JS小数运算出现多为小数问题的解决方法


Posted in Javascript onJune 02, 2016

写在前面的话:

今天帮同事解决了一个问题,就是小数相乘出现很多位小数的问题;这个问题自己以前也遇到过,现在特意来总结一下;

Number类型:

Number类型是ECMAScript中最常用和最令人关注的类型了;这种类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中也被成为双精度数值),为支持各种数据类型,ECMA-262定义了不同的数值面量格式。

十进制:
var intNum=10; //整数

八进制:
var octalNum1=070; //八进制的56
var octalNum2=079; //无效的八进制数值-解析为79

八进制字面量在严格模式下是无效的;

十六进制:
var hexNum1=0xA; //10
切记:在进行运算的时候,所有以八进制和十六进制表示的数值都最终被转换成十进制;
为什么操作小数会出现误差?
浮点数值的最高进度是17位小数,但在进行运算的时候其精确度却远远不如整数;整数在进行运算的时候都会转成10进制; 而Java和JavaScript中计算小数运算时,都会先将十进制的小数换算到对应的二进制,一部分小数并不能完整的换算为二进制,这里就出现了第一次的误差。待小数都换算为二进制后,再进行二进制间的运算,得到二进制结果。然后再将二进制结果换算为十进制,这里通常会出现第二次的误差。
所以(0.1+0.2)!=03

解决方式:

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

在你要用的地方包含这些函数,然后调用它来计算就可以了。

比如你要计算:7*0.8 ,则改成 (7).mul(8)

其它运算类似,就可以得到比较精确的结果。
解决方式二:
比较常用的办法,toFixed(),toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。在我们计算的结果后面加上这个方法就OK了;但是对精度会有一丝影响,如果精度要求不高的话推荐使用;

Javascript 相关文章推荐
js 分栏效果实现代码
Aug 29 Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
js实现网页抽奖实例
Aug 05 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
Angular的$http与$location
Dec 26 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
vue组件中的数据传递方法
May 14 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
封装微信小程序http拦截器过程解析
Aug 13 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 Javascript
vue中watch和computed的区别与使用方法
Aug 23 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 #Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 #Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 #Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 #Javascript
sencha ext js 6 快速入门(必看)
Jun 01 #Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 #Javascript
分享一个插件实现水珠自动下落效果
Jun 01 #Javascript
You might like
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python 计算文件的md5值实例
2017/01/13 Python
python flask实现分页效果
2017/06/27 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
解决python 文本过滤和清理问题
2019/08/28 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
python中PyQuery库用法分享
2021/01/15 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
师范生自我鉴定
2014/03/20 职场文书
一帮一活动总结
2014/05/08 职场文书
百日安全生产活动总结
2014/07/05 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书