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
自己是一名從事了5年開發的老程式設計師,業餘的時候在這裡分享一些經驗給大家
1.前端技術更新快,基礎類技術書籍很容易過時,大學裡的教材都還是5年前的版本,一本書從編寫到發行就要一年呢,學開發一定要學最新的技術哦。
2.很多時候跟著書和不繫統的影片學習,會發現沒有目標,學了很多卻不知道自己到底能夠做出什麼成績。要有一個清晰的職業學習規劃哦,畢竟你不是興趣愛好學著玩,是想要加入BAT等一線企業作職業開發工程師呢。
學習過程中會遇到很多問題,這時候去群裡問不一定有人回答你,百度也不知道百度什麼。本來可以2小時搞好的學習專案,結果搞了10個小時,慢慢會有挫敗感。一定要堅持下去!!!
web前端學習交流秋秋圈:767273102 ,每天會在裡面直播分享技術!根據這幾年從事前端的經驗,整理了一份最適合2019年學習的web前端乾貨,有想學習web前端的,或是轉行,或是大學生,還有工作中想提升自己能力的,歡迎大家加入,這裡是前端學習者的集中地
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2644068/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 一個函式讓你看懂 'Why 0.1+0.2!=0.3'函式
- JS 精度差異 0.1+0.2 != 0.3JS
- 為什麼JS中0.1+0.2 != 0.3JS
- 0.1+0.2!=0.3,這不是語言的錯
- 為什麼 JavaScript 中 0.1+0.2 不等於 0.3 ?JavaScript
- 如何解決JavaScript中0.1+0.2不等於0.3JavaScript
- 大資料告訴你,咖啡店開在哪裡?大資料
- 你知道 0.1+0.2 !==0.3是進位制問題,但你講不出個所以然,是吧??
- 悄悄告訴你:React18文件裡寫錯的地方React
- 一張圖告訴你蘋果比三星強在哪裡蘋果
- 告訴世界,前端也能做 AI前端AI
- js小數計算的問題,為什麼0.1+0.2 != 0.3JS
- 利用babel(AST)優雅地解決0.1+0.2!=0.3的問題BabelAST
- 碼教授告訴你一些web前端的命名規則Web前端
- 35 歲前端轉不轉管理 這 5 個前輩告訴你前端
- 告訴你架構師與程式設計師的區別在哪裡架構程式設計師
- 使用者都在看哪裡?眼動分析熱力圖告訴你
- 前端AI實戰——告訴世界前端也能做AI前端AI
- 前端崗位真的飽和?HTML5大前端就業資料告訴你真相!前端HTML就業
- 阿里年薪50W前端工程師,告訴你如何正確的學習前端阿里前端工程師
- 幾張地圖告訴你亞馬遜在地球上的存在感地圖亞馬遜
- 實在智慧RPA告訴你,高效快速才是你的《狂扁小朋友》
- 本人告訴你為什麼 現在還要學 Node.jsNode.js
- 讓機器學習告訴你,你的siri在想什麼!機器學習
- 一文告訴你神奇的 Go 內建函式原始碼在哪裡Go函式原始碼
- 遊戲是如何告訴"你快要死了”?遊戲
- 資料告訴你,胡歌的微世界
- 大神告訴你如何理解微服務框架微服務框架
- 如何看懂DOE分析報告?這篇文章告訴你
- 幾張圖告訴你現在程式設計師的殘酷現狀程式設計師
- 資料告訴你,抖音是怎麼在半年之內逆襲的
- 一篇文章告訴你React裡為什麼不能用index作為keyReactIndex
- 你真的瞭解你的團隊嗎? ONA告訴你真相
- 實在RPA告訴你一個處理金融工作的小祕密。
- 【vue】用圖告訴你響應式原理Vue
- 告訴你 Redis 是一個牛逼貨Redis
- 【轉】kafka-告訴你什麼是kafkaKafka
- 告訴你什麼是Pixelmator Pro for Mac!Mac