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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 Javascript
js实现盒子移动动画效果
Aug 09 Javascript
JavaScript 异步时序问题
Nov 20 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
如何在PHP程序中防止盗链
2008/04/09 PHP
php备份数据库类分享
2015/04/14 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
PHP内置函数生成随机数实例
2019/01/18 PHP
javascript 写类方式之三
2009/07/05 Javascript
JavaScript中的比较操作符>、=、
2014/12/31 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
小程序自定义圆形进度条
2020/11/17 Javascript
Python与Redis的连接教程
2015/04/22 Python
python相似模块用例
2016/03/04 Python
深入解析Python中函数的参数与作用域
2016/03/20 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
教育课题研究自我鉴定范文
2013/12/28 职场文书
内勤主管岗位职责
2014/04/03 职场文书
实习报告评语
2014/04/26 职场文书
安全演讲稿开场白
2014/08/25 职场文书
客户付款通知书
2015/04/23 职场文书
2015年林业工作总结
2015/05/14 职场文书
可可西里观后感
2015/06/08 职场文书
个人合作协议范本
2015/08/06 职场文书
中秋节祝酒词
2015/08/12 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
2019企业文化管理制度范本!
2019/08/06 职场文书