為什么JavaScript中0.1 + 0.2 != 0.3
涉及面試題：為什么 0.1 + 0.2 != 0.3？如何解決這個(gè)問(wèn)題？
原因，因?yàn)?JS 采用 IEEE 754雙精度版本（64位），并且只要采用 IEEE 754的語(yǔ)言都有該問(wèn)題
我們都知道計(jì)算機(jī)是通過(guò)二進(jìn)制來(lái)存儲(chǔ)東西的，那么 0.1 在二進(jìn)制中會(huì)表示為
// (0011) 表示循環(huán) 0.1 = 2^-4 * 1.10011(0011)
我們可以發(fā)現(xiàn)，0.1 在二進(jìn)制中是無(wú)限循環(huán)的一些數(shù)字，其實(shí)不只是 0.1，其實(shí)很多十進(jìn)制小數(shù)用二進(jìn)制表示都是無(wú)限循環(huán)的。這樣其實(shí)沒(méi)什么問(wèn)題，但是 JS采用的浮點(diǎn)數(shù)標(biāo)準(zhǔn)卻會(huì)裁剪掉我們的數(shù)字。
IEEE 754 雙精度版本（64位）將 64 位分為了三段
- 第一位用來(lái)表示符號(hào)
- 接下去的 11 位用來(lái)表示指數(shù)
- 其他的位數(shù)用來(lái)表示有效位，也就是用二進(jìn)制表示 0.1 中的 10011(0011)
那么這些循環(huán)的數(shù)字被裁剪了，就會(huì)出現(xiàn)精度丟失的問(wèn)題，也就造成了 0.1 不再是 0.1 了，而是變成了 0.100000000000000002
0.100000000000000002 === 0.1 // true
那么同樣的，0.2 在二進(jìn)制也是無(wú)限循環(huán)的，被裁剪后也失去了精度變成了 0.200000000000000002
0.200000000000000002 === 0.2 // true
所以這兩者相加不等于 0.3 而是 0.300000000000000004
0.1 + 0.2 === 0.30000000000000004 // true
那么可能你又會(huì)有一個(gè)疑問(wèn)，既然 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)換的過(guò)程中發(fā)生了取近似值的過(guò)程，所以打印出來(lái)的其實(shí)是一個(gè)近似值，你也可以通過(guò)以下代碼來(lái)驗(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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
如何設(shè)置一定時(shí)間內(nèi)只能發(fā)送一次請(qǐng)求
這篇文章主要介紹了如何設(shè)置一定時(shí)間內(nèi)只能發(fā)送一次請(qǐng)求,需要的朋友可以參考下2014-02-02
微信小程序國(guó)際化探索實(shí)現(xiàn)(附源碼地址)
這篇文章主要介紹了微信小程序國(guó)際化探索實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要介紹了使用rollup打包JS的方法步驟，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
JS面試題之如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等
這篇文章主要為大家詳細(xì)介紹了JavaScript面試的常考題,即如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等,文中的示例方法講解詳細(xì),需要的小伙伴可以參考一下2023-10-10
JavaScript如何監(jiān)測(cè)數(shù)組的變化
最近在造輪子的時(shí)候遇到了這么一個(gè)問(wèn)題,那就是數(shù)組在調(diào)用內(nèi)部方法的時(shí)候怎么才可以監(jiān)聽(tīng)到數(shù)組發(fā)生了變化,這篇文章主要給大家介紹了關(guān)于JavaScript如何監(jiān)測(cè)數(shù)組變化的相關(guān)資料,需要的朋友可以參考下2021-07-07
仿Google和Windows Live的拖拽...2006-11-11
javascript實(shí)現(xiàn)3D變換的立體圓圈實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)3D變換的立體圓圈效果,涉及javascript動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)滾動(dòng)與變色的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
JavaScript同步與異步任務(wù)問(wèn)題詳解
這篇文章主要介紹了JavaScript事件循環(huán)同步任務(wù)與異步任務(wù)，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-07-07
TypeScript條件類型與內(nèi)置條件類型超詳細(xì)講解
我們可以使用TypeScript中的條件類型來(lái)根據(jù)邏輯定義某些類型，就像是在編寫(xiě)代碼那樣。它采用的語(yǔ)法和我們?cè)贘avaScript中熟悉的三元運(yùn)算符很像：condition ? ifConditionTrue : ifConditionFalse。我們來(lái)看看他是怎么工作的2023-03-03
javascript 極速 隱藏/顯示萬(wàn)行表格列只需 60毫秒
隱藏表格列 這種方式的效率極低。例如，隱藏一個(gè)千行表格的某列，在我的筆記本（P4 M 1.4G，768M內(nèi)存）上執(zhí)行需要約 4000毫秒的時(shí)間，令人無(wú)法忍受。2009-03-03