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 学习笔记(十五)
Jan 28 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
JavaScript实现函数返回多个值的方法
Jun 09 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
Bootstrap和Java分页实例第一篇
Dec 23 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
JS中的多态实例详解
Oct 15 Javascript
详解ECMAScript typeof用法
Jul 25 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中SQL注入攻击与XSS攻击
2012/06/10 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
JS控制文本域只读或可写属性的方法
2016/06/24 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
[02:16]DOTA2英雄基础教程 干扰者
2014/01/15 DOTA
Python的Django框架使用入门指引
2015/04/15 Python
Python3.5 创建文件的简单实例
2018/04/26 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
VSCODE配置Markdown及Markdown基础语法详解
2021/01/19 Python
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
直接有效的自我评价
2014/01/11 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
2014社区三八妇女节活动总结
2014/03/01 职场文书
文秘求职信范文
2014/04/10 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
解析目标检测之IoU
2021/06/26 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL