解決JavaScript中0.1+0.2不等于0.3問(wèn)題
console.log(0.1+0.2===0.3)// true or false??
在正常的數(shù)學(xué)邏輯思維中,0.1+0.2=0.3這個(gè)邏輯是正確的,但是在JavaScript中0.1+0.2!==0.3,這是為什么呢?這個(gè)問(wèn)題也會(huì)偶爾被用來(lái)當(dāng)做面試題來(lái)考查面試者對(duì)JavaScript的數(shù)值的理解程度。
在JavaScript中的二進(jìn)制的浮點(diǎn)數(shù)0.1和0.2并不是十分精確,在他們相加的結(jié)果并非正好等于0.3,而是一個(gè)比較接近的數(shù)字 0.30000000000000004 ,所以條件判斷結(jié)果為false。
那么應(yīng)該怎樣來(lái)解決0.1+0.2等于0.3呢? 最好的方法是設(shè)置一個(gè)誤差范圍值,通常稱為”機(jī)器精度“,而對(duì)于Javascript來(lái)說(shuō),這個(gè)值通常是2^-52,而在ES6中,已經(jīng)為我們提供了這樣一個(gè)
屬性:Number.EPSILON,而這個(gè)值正等于2^-52。這個(gè)值非常非常小,在底層計(jì)算機(jī)已經(jīng)幫我們運(yùn)算好,并且無(wú)限接近0,但不等于0,。這個(gè)時(shí)候我們只要判斷(0.1+0.2)-0.3小于
Number.EPSILON,在這個(gè)誤差的范圍內(nèi)就可以判定0.1+0.2===0.3為true。
function numbersequal(a,b){ return Math.abs(a-b)<Number.EPSILON; } var a=0.1+0.2, b=0.3; console.log(numbersequal(a,b)); //true
但是這里要考慮兼容性的問(wèn)題了,在chrome中支持這個(gè)屬性,但是IE并不支持(筆者的版本是IE10不兼容),所以我們還要解決IE的不兼容問(wèn)題。
Number.EPSILON=(function(){ //解決兼容性問(wèn)題 return Number.EPSILON?Number.EPSILON:Math.pow(2,-52); })(); //上面是一個(gè)自調(diào)用函數(shù),當(dāng)JS文件剛加載到內(nèi)存中,就會(huì)去判斷并返回一個(gè)結(jié)果,相比if(!Number.EPSILON){ // Number.EPSILON=Math.pow(2,-52); //}這種代碼更節(jié)約性能,也更美觀。 function numbersequal(a,b){ return Math.abs(a-b)<Number.EPSILON; } //接下來(lái)再判斷 var a=0.1+0.2, b=0.3; console.log(numbersequal(a,b)); //這里就為true了
這個(gè)是二進(jìn)制浮點(diǎn)數(shù)最大的問(wèn)題(不僅JavaScript,所有遵循IEEE 754規(guī)范的語(yǔ)言都是如此)。
注意:有人認(rèn)為,JavaScript應(yīng)該采用一種可以精確呈現(xiàn)數(shù)字的實(shí)現(xiàn)方式。一直以來(lái)出現(xiàn)過(guò)很多替代方案,只是都沒(méi)能成為標(biāo)準(zhǔn),以后大概也不會(huì)。這個(gè)問(wèn)題看似簡(jiǎn)單,實(shí)則不然,否則早就解決了?!?/p>
問(wèn)題是,如果一些數(shù)字無(wú)法做到完全精確,是否意味著數(shù)字類型毫無(wú)用處呢?答案當(dāng)然是否定的。
在處理帶有小數(shù)的數(shù)字時(shí)需要特別注意。很多(也許是絕大多數(shù))程序只需要處理整數(shù),最大不超過(guò)百萬(wàn)或者萬(wàn)億,此時(shí)使用JavaScript 的數(shù)字類型是絕對(duì)安全的。
總結(jié)
以上所述是小編給大家介紹的解決JavaScript中0.1+0.2不等于0.3問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript實(shí)現(xiàn)前端分頁(yè)功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)前端分頁(yè)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11用JavaScript對(duì)JSON進(jìn)行模式匹配 (Part 2 - 實(shí)現(xiàn))
在上一篇文章里,我們完成了 Dispatcher 類的接口設(shè)計(jì),現(xiàn)在我們就來(lái)考慮一下如何實(shí)現(xiàn)這個(gè)類。2010-07-07用JavaScript實(shí)現(xiàn)類似于ListBox功能示例代碼
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)類似于ListBox功能,需要的朋友可以參考下2014-03-03JavaScript從數(shù)組(數(shù)組對(duì)象)中刪除特定數(shù)據(jù)的方法
這篇文章主要給大家介紹了關(guān)于JavaScript從數(shù)組(數(shù)組對(duì)象)中刪除特定數(shù)據(jù)的相關(guān)資料,js在前臺(tái)界面中舉足輕重,在使用js刪除數(shù)組時(shí)遇到一些問(wèn)題,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09JavaScript中常見(jiàn)的數(shù)據(jù)類型判斷方法小結(jié)
在?JS?編程中,正確判斷數(shù)據(jù)類型是必備技能,也是面試常問(wèn)的內(nèi),本文將探討四種常用的數(shù)據(jù)類型判斷方法,通過(guò)了解它們的特點(diǎn)和適用范圍,能夠更好地處理不同數(shù)據(jù)類型的情況,避免出現(xiàn)錯(cuò)誤和提升代碼質(zhì)量,需要的朋友可以參考下2023-06-06JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)鏈接的幾種方式匯總
這篇文章主要介紹了JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)鏈接的幾種方式,簡(jiǎn)單總結(jié)了幾種頁(yè)面跳轉(zhuǎn)功能的實(shí)現(xiàn),有使用js跳轉(zhuǎn)頁(yè)面,返回上一次預(yù)覽界面及button按鈕添加事件跳轉(zhuǎn),本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2024-01-01基于JavaScript實(shí)現(xiàn)自動(dòng)更新倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)自動(dòng)更新倒計(jì)時(shí)效果,元旦倒計(jì)時(shí)代碼分享,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12