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 相关文章推荐
9个javascript语法高亮插件 推荐
Jul 18 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
浅谈如何通过node.js对数据进行MD5加密
May 16 Javascript
iconfont的三种使用方式详解
Aug 05 Javascript
JS获取动态添加元素的方法详解
Jul 31 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
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
javascript中的self和this用法小结
2014/02/08 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
Javascript中replace()小结
2015/09/30 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
vue的keep-alive用法技巧
2019/08/15 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
pandas 将索引值相加的方法
2018/11/15 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
python实现四人制扑克牌游戏
2020/04/22 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
自考毕业生自我鉴定
2013/11/04 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
消防安全检查制度
2014/02/04 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
公证委托书大全
2014/04/04 职场文书
购房意向书
2014/08/30 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android