web前端面试-- IEEE754标准JS精度丢失问题0.1+0.2!=0.3、0.2+0.3==0.5 十进制转二进制讲解

本人是一个web前端开发工程师,主要是vue框架,整理了一些面试题,今后也会一直更新,有好题目的同学欢迎评论区分享 ;-)

web面试题专栏:点击此处


背景

WEB前端面试官:0.2+0.3是否等于0.5?

:)

好家伙,不按套路出牌,之前也没深究,但是既然重新学习一下,就记录一下,免得又忘记了。

分析问题

面试官是问你0.1+0.2,或者0.2+0.3的问题吗?

不是的,要是下次有个作妖的问你,0.x+0.y呢?

显然不是,他要问你的是原理~

js 复制代码
0.1+0.2
// 0.30000000000000004
0.2+0.3
// 0.5

控制台运行如下:


原理

死记硬背~~~。

  1. 在浏览器的JavaScript环境中,遵循IEEE 754标准,就算记不全,也要记得IEEE(理科生搞得跟文科生一样,真蛋疼。。。)
  2. 这个标准规定了浮点数的二进制表示以及浮点数的运算规则。
  3. JavaScript中的Number类型就是基于这个标准实现的。因此,JavaScript中的浮点数遵循IEEE 754标准的规定,也会出现浮点数精度问题。

总的来说:IEEE754标准下,浮点数是用二进制进行存储运算的,部分十进制小数转成二进制是一个无限循环的数值,运算的时候会造成精度丢失。


复现

在浏览器环境中以IEEE754存储的0.1、0.2、0.3 咱们可以直接在控制台打印出来。

js 复制代码
0.1.toString(2);
0.2.toString(2);
0.3.toString(2);

控制台运行如下:


十进制小数转二进制

方法:小数乘2取整,直到没有小数为空,最后取整的数值进行正向排列 就得到了。

以0.1 为例:

数值 取整
0.1 * 2 = 0.2 0
0.2 * 2 = 0.4 0
0.4 * 2 = 0.8 0
0.8 * 2 = 1.6 1
0.6 * 2 = 1.2 1
0.2 * 2 = 0.4 0
0.4 * 2 = 0.8 0
0.8 * 2 = 1.6 1
0.6 * 2 = 1.2 1
0.2 * 2 = 0.4 0
0.4 * 2 = 0.8 0
0.8 * 2 = 1.6 1
0.6 * 2 = 1.2 1
(无限循环)... ...

正向排列整理后: 0001100110011...

十进制证书转二进制

方法:整数除2取余,直到整数为0,最后取余的数值进行倒叙排列 就得到了。

以6为例:

数值 余数
6 / 2= 3 % 0 0
3 / 2 = 1 % 1 1
1 / 2 = 0 % 1 1

倒叙排列整理后: 110

相关推荐
yanlele4 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
小兵张健6 小时前
武汉拿下 23k offer 经历
java·面试·ai编程
爱莉希雅&&&6 小时前
技术面试题,HR面试题
开发语言·学习·面试
天天扭码7 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html
zhuiQiuMX9 小时前
脉脉maimai面试死亡日记
数据仓库·sql·面试
独行soc9 小时前
2025年渗透测试面试题总结-2025年HW(护网面试) 33(题目+回答)
linux·科技·安全·网络安全·面试·职场和发展·护网
库森学长9 小时前
面试官:发生OOM后,JVM还能运行吗?
jvm·后端·面试
然我9 小时前
面试必问:JS 事件机制从绑定到委托,一篇吃透所有考点
前端·javascript·面试
__NK10 小时前
【字节跳动高频面试题】不超过 N 的最大数拼接
面试·大厂·字节跳动·手撕
爱学习的茄子10 小时前
React Hooks进阶:从0到1打造高性能Todo应用
前端·react.js·面试