0.1+0.2=?在前端里,告诉你:≠0.3 !

今天,我来算一道"小学"数学题:0.1+0.2=?

按正常的数学逻辑来计算的话,0.1+0.2当然=0.3啦!但是,咱们也都不是什么小孩子了,都走上了各行各业,那么前端程序员要告诉你一个事!0.1+0.2≠0.3(手动滑稽)

咱们写一段JS代码吧:

var a,b,sum;

a=0.1;

b=0.2;

sum=a+b;

执行结果:

WTF???

0.30000000000000004是个什么鬼?但这就是计算机给你正确的答案;

好吧,我来说说为什么会出现这样的结果;

首先声明这不是bug,原因在与十进制到二进制的转换导致的精度问题!其次这几乎出现在很多的编程语言中:C、C++、Java、Javascript、Python中,准确的说:“使用了IEEE754浮点数格式”来存储浮点类型(float 32,double 64)的任何编程语言都有这个问题!

简要介绍下IEEE 754浮点格式:它用科学记数法以底数为2的小数来表示浮点数。IEEE浮点数(共32位)用1位表示数字符号,用8为表示指数,用23为来表示尾数(即小数部分)。此处指数用移码存储,尾数则是原码(没有符号位)。之所以用移码是因为移码的负数的符号位为0,这可以保证浮点数0的所有位都是0。双精度浮点数(64位),使用1位符号位、11位指数位、52位尾数位来表示。

因为科学记数法有很多种方式来表示给定的数字,所以要规范化浮点数,以便用底数为2并且小数点左边为1的小数来表示(注意是二进制的,所以只要不为0则一定有一位为1),按照需要调节指数就可以得到所需的数字。例如:十进制的1.25 => 二进制的1.01 => 则存储时指数为0、尾数为1.01、符号位为0.(十进制转二进制)

回到开头,为什么“0.1+0.2=0.30000000000000004”?这是javascript语言计算的结果(注意Javascript的数字类型是以64位的IEEE 754格式存储的)。

正如同十进制无法精确表示1/3(0.33333…)一样,二进制也有无法精确表示的值。

例如1/10。64位浮点数情况下:

十进制:0.1

二进制:0.00011001100110011…(ps:一直循环0011)

尾数为1.1001100110011001100…1100(共52位,除了小数点左边的1),指数为-4(二进制移码为00000000010),符号位为0

存储为:0 00000000100 10011001100110011…11001

因为尾数最多52位,所以实际存储的值为0.00011001100110011001100110011001100110011001100110011001

十进制:0.2

二进制:0.0011001100110011…(ps:一直循环0011)

尾数为1.1001100110011001100…1100(共52位,除了小数点左边的1),指数为-3(二进制移码为00000000011),符号位为0

存储为:0 00000000011 10011001100110011…11001

因为尾数最多52位,所以实际存储的值为0.00110011001100110011001100110011001100110011001100110011

0.00011001100110011001100110011001100110011001100110011001

  • 0.00110011001100110011001100110011001100110011001100110011

= 0.01001100110011001100110011001100110011001100110011001100

转换成10进制之后得到:0.30000000000000004

自己是一名从事了6年开发的老程序员,业余的时候在这里分享一些经验给大家

1.前端技术更新快,基础类技术书籍很容易过时,大学里的教材都还是5年前的版本,一本书从编写到发行就要一年呢,学开发一定要学最新的技术哦。

2.很多时候跟着书和不系统的视频学习,会发现没有目标,学了很多却不知道自己到底能够做出什么成绩。要有一个清晰的职业学习规划哦,毕竟你不是兴趣爱好学着玩,是想要加入BAT等一线企业作职业开发工程师呢。

学习过程中会遇到很多问题,这时候去群里问不一定有人回答你,百度也不知道百度什么。本来可以2小时搞好的学习项目,结果搞了10个小时,慢慢会有挫败感。一定要坚持下去!!!

这里推荐一下我的前端学习交流扣qun:767273102,里面都是学习前端的从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴。最新技术,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!

原文地址:https://blog.51cto.com/14284898/2393183

时间: 2024-10-07 17:48:55

0.1+0.2=?在前端里,告诉你:≠0.3 !的相关文章

WEB前端目录架构-v1.0

============================================================================== 前端目录架构-v1.0(项目级)============================================================================== Project/ ├── css/ │  ├── icon/ │  ├── page/ │ ├── base.css │  ├── reset.css

VMWARE里启动kylin16.0时出现'SMBus Host Controller not enabled'(还未进入系统)

在Vmware里安装完Ubuntu16.10,启动时出现'SMBus Host Controller not enabled'错误提示,进不到图形界面.网上搜了一下,解决办法是在图形界面里进终端窗口,编辑blacklist.conf文件,禁止i2c_piix4驱动的加载.但现在系统还没加载完,进不去终端窗口,如何处理呢? 解决办法如下(亲测可用): 在虚拟机上运行Linux内核版本为4.7或以上的系统都在安装过程中或在启动时会因为加载intel_powerclamp驱动而导致崩溃.解决办法:1.

『TensorFlow2.0正式版教程』极简安装TF2.0正式版(CPU&GPU)教程

0 前言 TensorFlow 2.0,今天凌晨,正式放出了2.0版本. 不少网友表示,TensorFlow 2.0比PyTorch更好用,已经准备全面转向这个新升级的深度学习框架了. ? 本篇文章就带领大家用最简单地方式安装TF2.0正式版本(CPU与GPU),由我来踩坑,方便大家体验正式版本的TF2.0. 废话不多说现在正式开始教程. 1 环境准备 我目前是在Windows10上面,使用conda管理的python环境,通过conda安装cuda与cudnn(GPU支持),通过pip安装的t

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

"kewastUnPackStats(): bad magic 1 (0xXXXXXXXXX, 0)" in Alert Logfile After Upgrading to 11.2.0.1 (文档

 "kewastUnPackStats(): bad magic 1 (0xXXXXXXXXX, 0)" in Alert Logfile After Upgrading to 11.2.0.1 (文档 ID 1227524.1) 转到底部 In this Document Symptoms   Cause   Solution   References APPLIES TO: Oracle Database - Enterprise Edition - Version 9.2.0

Oracle11.2.0.4 windows32+64bit path补丁21+11.2.0.4.160419 p22064588 p22839608

2016年6月3日最新补丁-Oracle11.2.0.4 for windows32+64bit,p22064588 patch11.2.0.4.21,p22839608 11.2.0.4.160419补丁包 版本:Oracle11.2.0.4.21 p22064588 补丁 百度云盘:链接:http://pan.baidu.com/s/1pLRCNjH 密码:aa0q 名称:64BIT:p22064588_112040_MSWIN-x86-64.zip名称:32BIT:p22064588_11

编译Qt5.0连接MySql5.5数据库的驱动(5.0版本的编译,我记得5.2开始自带了)

第一步 1.准备好Mysql数据库安装文件,Qt5.0完整的离线安装包,以及Qt5.0的完整的源代码.安装好程序,假设Mysql的安装路径为:C:\MySQL5.5,Qt5.0的安装路径:C:\Qt\Qt5.0.0-rc2\5.0.0-rc2,而Qt5.0的解压路径为:C:\Qt\qt-5.0.1-src. 注意事项:(1)安装mysql数据库的时候,网上很多教程说要选择自定义安装,并把lib和include这个选项选上.其实这个并不重要.因为我机器上很久前装mysql时选的是typical安装

输入字符串(由0,1组成),编程计算其中连续0,1出现的最大次数

代码如下: #include<iostream> #include<string> using namespace std; int main() { string s; cin>>s; //s有1,0组成 int len=s.size(); int max1=0,max0=0; int tem0=0,tem1=0; int i=0; while(i<len) { if(s[i]=='0') { tem0++; i++; if(s[i]=='1'||i==len)

IIS6 2.0 4.0 冲突解决 &#39;c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files\root\xxx&#39; -- &#39;Access is denied. &#39;

今天在阿里云虚拟机上部署新站点后出现下面的错误: Compiler Error Message: CS0016: Could not write to output file 'c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files\root\xx' -- 'Access is denied. ' 找遍了网上的资料最后总结为以下几步:: Cleaned the "C:\Windows\Microsoft.NE