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 相关文章推荐
JavaScript 给汉字排序实例代码
Jun 28 Javascript
javascript 动态添加事件代码
Nov 30 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
Nov 04 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 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通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
PHP无限分类(树形类)
2013/09/28 PHP
php防止sql注入代码实例
2013/12/18 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
JavaScript 图片预览效果 推荐
2009/12/22 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
vue中简单弹框dialog的实现方法
2018/02/26 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
在Python中使用SQLite的简单教程
2015/04/29 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
Python气泡提示与标签的实现
2020/04/01 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
2014年公司植树节活动方案
2014/03/04 职场文书
大学军训口号大全
2015/12/24 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
Mysql数据库手动及定时备份步骤
2021/11/07 MySQL
bat批处理之字符串操作的实现
2022/03/16 Python
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android