為什么JavaScript中0.1 + 0.2 != 0.3

更新時(shí)間：2020年12月03日 14:18:10 作者：LuckXinXin

這篇文章主要給大家介紹了關(guān)于為什么JavaScript中0.1 + 0.2 != 0.3的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

涉及面試題：為什么 0.1 + 0.2 != 0.3？如何解決這個(gè)問題？

原因，因?yàn)?JS 采用 IEEE 754雙精度版本（64位），并且只要采用 IEEE 754的語言都有該問題

我們都知道計(jì)算機(jī)是通過二進(jìn)制來存儲(chǔ)東西的，那么 0.1 在二進(jìn)制中會(huì)表示為

// (0011) 表示循環(huán)
0.1 = 2^-4 * 1.10011(0011)

我們可以發(fā)現(xiàn)，0.1 在二進(jìn)制中是無限循環(huán)的一些數(shù)字，其實(shí)不只是 0.1，其實(shí)很多十進(jìn)制小數(shù)用二進(jìn)制表示都是無限循環(huán)的。這樣其實(shí)沒什么問題，但是 JS采用的浮點(diǎn)數(shù)標(biāo)準(zhǔn)卻會(huì)裁剪掉我們的數(shù)字。

IEEE 754 雙精度版本（64位）將 64 位分為了三段

第一位用來表示符號(hào)
接下去的 11 位用來表示指數(shù)
其他的位數(shù)用來表示有效位，也就是用二進(jìn)制表示 0.1 中的 10011(0011)

那么這些循環(huán)的數(shù)字被裁剪了，就會(huì)出現(xiàn)精度丟失的問題，也就造成了 0.1 不再是 0.1 了，而是變成了 0.100000000000000002

0.100000000000000002 === 0.1 // true

那么同樣的，0.2 在二進(jìn)制也是無限循環(huán)的，被裁剪后也失去了精度變成了 0.200000000000000002

0.200000000000000002 === 0.2 // true

所以這兩者相加不等于 0.3 而是 0.300000000000000004

0.1 + 0.2 === 0.30000000000000004 // true

那么可能你又會(huì)有一個(gè)疑問，既然 0.1 不是 0.1，那為什么 console.log(0.1) 卻是正確的呢？

因?yàn)樵谳斎雰?nèi)容的時(shí)候，二進(jìn)制被轉(zhuǎn)換為了十進(jìn)制，十進(jìn)制又被轉(zhuǎn)換為了字符串，在這個(gè)轉(zhuǎn)換的過程中發(fā)生了取近似值的過程，所以打印出來的其實(shí)是一個(gè)近似值，你也可以通過以下代碼來驗(yàn)證

console.log(0.100000000000000002) // 0.1

解決

parseFloat((0.1 + 0.2).toFixed(10)) === 0.3 // true

到此這篇關(guān)于為什么JavaScript中0.1 + 0.2 != 0.3的文章就介紹到這了,更多相關(guān)JS中0.1 + 0.2 != 0.3內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

淺談JS中的!=、== 、!==、===的用法和區(qū)別

相關(guān)文章

在JavaScript中查找字符串中最長(zhǎng)單詞的三種方法(推薦)
這篇文章主要介紹了在JavaScript中查找字符串中最長(zhǎng)單詞的三種方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01
前端技巧之ESLint忽略檢查行和文件總結(jié)
ESLint是一個(gè)流行的JavaScript代碼檢查工具,它可以幫助團(tuán)隊(duì)確保代碼質(zhì)量,避免常見的錯(cuò)誤和格式問題,這篇文章主要給大家介紹了關(guān)于前端技巧之ESLint忽略檢查行和文件的相關(guān)資料,需要的朋友可以參考下
2023-11-11
客戶端js判斷文件類型和文件大小即限制上傳大小
需要腳本在客戶端判斷大小和文件類型，由于網(wǎng)上沒有適合的，就自己寫了一個(gè)并測(cè)試文件上傳大小限制的一個(gè)例子，在此與大家分享下
2013-11-11
js模式化窗口問題![window.dialogArguments]
這篇文章主要介紹了js模式化窗口問題![window.dialogArguments],需要的朋友可以參考下
2016-10-10
js實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴效果
本文主要介紹了js實(shí)現(xiàn)簡(jiǎn)單手風(fēng)琴效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
微信小程序?qū)崿F(xiàn)多列選擇器
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多列選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
深入理解Javascript箭頭函數(shù)中的this
ES6標(biāo)準(zhǔn)新增了一種新的函數(shù)：Arrow Function（箭頭函數(shù)）。那么下面這篇文章主要給大家介紹了箭頭函數(shù)中this的相關(guān)資料，有需要的朋友可以參考借鑒，下面來一起看看吧。
2017-02-02
JavaScript檢測(cè)字符串中是否含有html標(biāo)簽實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript檢測(cè)字符串中是否含有html標(biāo)簽實(shí)現(xiàn)方法,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下
2015-07-07
JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼
這篇文章主要介紹了JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01
js中函數(shù)聲明與函數(shù)表達(dá)式
js的解析器對(duì)函數(shù)聲明與函數(shù)表達(dá)式并不是一視同仁地對(duì)待的。對(duì)于函數(shù)聲明，js解析器會(huì)優(yōu)先讀取，確保在所有代碼執(zhí)行之前聲明已經(jīng)被解析，而函數(shù)表達(dá)式，如同定義其它基本類型的變量一樣，只在執(zhí)行到某一句時(shí)也會(huì)對(duì)其進(jìn)行解析，
2015-06-06