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 replace 字符替换实现代码
Dec 02 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
javascript中Function类型详解
Apr 28 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 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框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
JS 有名函数表达式全面解析
2010/03/19 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
js判断屏幕分辨率的代码
2013/07/16 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
yarn与npm的命令行小结
2016/10/20 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
微信小程序自动客服功能
2017/11/02 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
Python函数学习笔记
2008/10/07 Python
处理Python中的URLError异常的方法
2015/04/30 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
Linux内核产生并发的原因
2012/07/13 面试题
年度考核自我鉴定
2013/11/09 职场文书
幼儿教师研修感言
2014/02/12 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
秋收起义观后感
2015/06/11 职场文书
新郎结婚感言
2015/07/31 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
浅谈如何保证Mysql主从一致
2022/03/13 MySQL
Sentry的安装、配置、使用教程(Sentry日志手机系统)
2022/07/23 Python
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript