js面试0.1+0.2!==0.3原因以及解决方法

最新推荐文章于 2024-05-10 09:40:16 发布
最新推荐文章于 2024-05-10 09:40:16 发布
阅读量681 收藏 1
点赞数
分类专栏： myskill 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44157964/article/details/119065239
版权

问题原因

因为js底层都是按照二进制来存储数据的,十进制的小数转化为二进制如下图
在这里插入图片描述

它的计算过程如下:给该小数乘以2,然后取整,然后获取小数继续乘以2取整，以此循环在这里插入图片描述所以十进制的小数转换为二进制会出现无限循环，对于无限循环的情况，会自动截掉多余的部分，只存储64位，所以，十进制的小数，在计算机底层存储的时候，就已经“失真”了

0.1+0.2在进行运算的时候，是按照二进制来计算的，把计算的结果变成10进制，交给客户端呈现。
而浏览器呈现的数值是有长度限制的，超过长度限制的也会被截取掉，截取后的数值从小数最后一位向前数，如果后面全是0，则不保留，如果遇到不是0的，就会保留。
在这里插入图片描述

怎么解决精度问题？

  • 将数字转成整数「扩大系数」
    console.log((0.1 * 10 + 0.2 * 10) / 10); //扩大系数，变为整数进行运算
  • 三方库：Math.js 、decimal.js、big.js …

补充

JS使用Number类型表示数字（整数和浮点数），遵循 IEEE-754 标准 通过64位二进制值来表示一个数字
https://babbage.cs.qc.cuny.edu/IEEE-754.old/Decimal.html
第0位：符号位，0表示正数，1表示负数 S
第1位到第11位「11位指数」：储存指数部分 E
第12位到第63位「52位尾数」：储存小数部分（即有效数字）F
注：尾数部分在规约形式下第一位默认为1（省略不写）

胡萝卜大王驾到通通闪开
关注
专栏目录
为什么 javascript 中 0.1 + 0.2 !== 0.3 为 True
BonDevil的专栏
11-14 1453
惊闻 0.1 + 0.2 !== 0.3，赶忙计算得验证，发现，0.1 加 0.2 等于 0.30000000000000004 0.1 + 0.2 == 0.30000000000000004 返回 True注：下面为早期学习记录未注明原作者，找到时补上。JavaScript的number类型按照ECMA的JavaScript标准，它的Number类型就是IEEE 754的双精度数值，相当于j
阿里面试官：为什么 0.1 + 0.2 == 0.300000004？
m0_55849656的博客
06-14 404
阿里面试官：为什么 0.1 + 0.2 == 0.300000004？
js笔记（一）浮点数
qw2319205chu的博客
12-03 227
浮点数的坑 JavaScript中，数字都是以64位浮点数存储，包括整数，由于浮点数不是精确的数，某些运算只有整数才能完成，此时 JavaScript 会自动把64位浮点数，转成32位整数，然后再进行运算，所以运算可能会出现偏差 console.log(0.1+0.1===0.2); //true console.log(0.1+0.2===0.3); ...
js解决0.1+0.2==0.3的问题的几种方法
热门推荐
weixin_34018202的博客
02-21 1万+
js解决0.1+0.2==0.3的问题的几种方法 JavaScript有7种基本类型分别是: Undefined, Null, Boolean, String, Number, Symbol, Object. 对于JS中的Number类型, 不区分整数和浮点数, 浮点数的精度远远不如整数, 首先先看一下为什么会出现这个问题, 根据双精度浮...
如何解决JavaScript中0.1+0.2不等于0.3
weixin_33989780的博客
10-22 471
console.log(0.1+0.2===0.3)// true or false?? 复制代码  在正常的数学逻辑思维中，0.1+0.2=0.3这个逻辑是正确的，但是在JavaScript中0.1+0.2！==0.3，这是为什么呢？这个问题也会偶尔被用来当做面试题来考查面试者对JavaScript的数值的理解程度。   在JavaScript中的二进制的浮点数0.1和0.2并不是十分精确，...
解决js计算0.1+0.2 !==0.3
段郎的博客
12-04 7086
经常做用js数据运算的同学应该了解，在js中，0.1+0.2不会等于0.3，而是等于： 我一开始发现这个bug的时候也觉得很奇怪，那怎么去解决这个bug，让0.1+0.2 最后能得到0.3呢？ 方法一 最简单的就是先把0.1和0.2换成别的数字（因为在js中只有这两个数相加有bug，例如：1.1+1.2不会有问题），所以先让0.1和0.2分别乘以10，求和之后再除以10 ，则不会有问题：...
JavaScript-解决0.1+0.2!==0.3
weixin_46254175的博客
03-09 206
背景：我一直都只是知道0.1+0.2 !== 0.3 但是怎么解决呢？我仅仅停留在了what and why。今天正好有时间，来看看how？ 我们都知道JS是采用标准64位双精度浮点数来存储数字。JS中的有一个安全数2^53，这并不代表js只能存储那么点大的数字，超出范围也是可以的，只是精度可能会出现问题。这个精度出现问题肯定是不符合我们预期的。 因为JS是采用标准64位双精度浮点数来存储数字，所以你知道了0.1+0.2 !== 0.3。那么我们如何解决这种现象呢？？ es6中的Number.EPSI
为什么JavaScript中0.1 + 0.2 != 0.3
01-21
涉及面试题：为什么 0.1 + 0.2 != 0.3？如何解决这个问题？ 原因，因为 JS 采用 IEEE 754双精度版本（64位），并且只要采用 IEEE 754的语言都有该问题 我们都知道计算机是通过二进制来存储东西的，那么 0.1 在二进制...
解决JavaScript中0.1+0.2不等于0.3问题
12-02
console.log(0.1+0.2===0.3)// true or false?? 　在正常的数学逻辑思维中，0.1+0.2=0.3这个逻辑是正确的，但是在JavaScript中0.1+0.2！...那么应该怎样来解决0.1+0.2等于0.3呢? 最好的方法是设置一个误差范围值
前端面试系列-JavaScript-精度问题(0.1+0.2!==0.3、大数相加)
LYFlied的博客
03-25 1455
一、双精度浮点数 二、十进制小数转二进制小数 精度丢失 三、关于0.1+0.2 !== 0.3的问题 四、大数相加 1.S 中整数的安全范围 2.实现大数相加
【前端知识之JS】JS中数字精度丢失的问题：0.1 + 0.2 === 0.3 // false
weixin_44337386的博客
05-23 1183
本系列主要整理前端面试中需要掌握的知识点。本节介绍JS中数字精度丢失的问题。
js中 0.1+0.2=0.3？
weixin_30735391的博客
08-17 100
在控制台输入0.1+0.2 == 0.3返回的结果竟然是false！！！！ 我们输入0.1+0.2，看看结果，竟然是0.30000000000000004。 这是为什么呢？在《javascript权威指南》中有提到，js是不区分整数和浮点数的，JS采用的是IEEE 754标准定义的64位浮点格式表示数字，所以JS中的所有数字都是浮点数。按照JS的数字格式，整数有的范围是-2^53 ~ 2^53...
面试题：为什么0.1+0.2 !==0.3？如何实现等于0.3?
公众号：前端充电宝
08-04 3534
1. 提出问题 我们在开发过程中遇到类似这样的问题： let n1 = 0.1, n2 = 0.2 let n3 = n1 + n2 //0.30000000000000004 那这可不是我们想要的结果，要想等于0.3，就要把它进行转化： n3.toFixed(2) // 注意，toFixed为四舍五入 toFixed(num) 方法可把 Number 四舍五入为指定小数位数的数字。 那为什么会出现这样的结果呢？ 2. 问题原因 我们都知道，计算机是通过二进制的方式存储数据的，所以计算机计算0.1+
JavaScript 面试题：为什么 0.1 + 0.2 ！= 0.3
薛小科的博客
02-22 661
灵魂两问： 为什么 0.1 + 0.2 ！= 0.3 如何解决该问题 1、为什么 0.1 + 0.2 ！= 0.3 这是因为 JavaScript 存储数值采用的是双精度浮点数，但是 JS 采用的浮点数标准会裁剪我们的数字，这就出现了精度丢失的问题。这时： 0.100000000000000000000002 === 0.1 // true conole.log(0.10000000000...
关于 javascript 中 0.1+0.2 != 0.3 的问题及解决
fan2016434589的博客
10-26 487
我们知道，在JavaScript（严谨的说应该是 ECMAScript）中，0.1+0.2 并不等于0.3，而是： 为什么? 因为js中，数字是以 IEEE 754 双精度 64 位 浮点数 存储的，具体请移步：解读IEEE标准754：浮点数的表示_逝不等琴生的博客-CSDN博客 如何解决： 1、使用 toFixed()，保留1位小数： 用 parseFloat 转换为 Number 类型 2、0.1、0.2 分别乘以10，再除以10: ...
JS中0.1+0.2 !== 0.3 的原因及解决办法
Allen-Ye博客
08-11 6649
在JavaScript中，如果判断0.1 + 0.2 === 0.3，结果是false，就像这样： console.log(0.1 + 0.2 === 0.3); // false console.log(0.1 + 0.2); // 0.30000000000000004 这是怎么回事呢？0.1 + 0.2竟然不等于0.3？是程序出问题了吗？ 原来JavaScript采用的是IEEE754的64位双精度版本，由三部分组成： 1位数符：标记正负，0为正，1为负 11位阶码：数字的整数部分 52位尾数：数字
JS中0.1+0.2 != 0.3的原因及解决方法
afloatboat的博客
06-14 1198
JS中0.1+0.2 //0.1+0.2 console.log(0.1 + 0.2)//0.30000000000000004 console.log(0.1+0.2==0.3)//false //在它们相加的时候，两个近似值(50位)进行了计算，导致最后的结果出现 //0.30000000000000004，此时对于JS来说，其不够近似于0.3，所以出现了0.1+0.2 != 0.3 //解决方法： console.log(Number(0.1+0.
简单的方法解决JavaScript中0.1 + 0.2 != 0.3的问题
最新发布
明月清风
05-10 283
提供了高精度的十进制数运算，可以避免这种误差。我们知道，由于精度的问题，在JavaScript中，0.1 + 0.2 并不等于 0.3，而是0.300000004，这就会实际导致一些问题，解决这个问题也有很多办法，有些第三方库（如。一个小小的函数，搞定！
探究JavaScript中的浮点数精度问题：0.1 + 0.2为什么不等于0.3
面试题“0.1 + 0.2 为啥不精确等于0.3”是一个经常在前端开发面试中被提起的问题，用以考察面试者对JavaScript数字表示和运算原理的理解。 在JavaScript中，所有的数字都是以64位双精度浮点数存储的，符合IEEE 754...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡萝卜大王驾到通通闪开

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值