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 相关文章推荐
JQuery 前台切换网站的样式实现
Jun 22 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
js canvas实现简单的图像扩散效果
Jun 28 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 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引用符&的用法详细解析
2013/08/22 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
繁简字转换功能
2006/07/19 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
python微信公众号开发简单流程实现
2020/03/09 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
阿里旅行:飞猪
2017/01/05 全球购物
2014年大学生党课心得体会范文
2014/03/29 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
python flask开发的简单基金查询工具
2021/06/02 Python
Python pygame实现中国象棋单机版源码
2021/06/20 Python
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技
Java 定时任务技术趋势简介
2022/05/04 Java/Android
MySQL 原理与优化之Update 优化
2022/08/14 MySQL