解決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è)誤差范圍值,通常稱(chēng)為”機(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í)則不然,否則早就解決了。
問(wèn)題是,如果一些數(shù)字無(wú)法做到完全精確,是否意味著數(shù)字類(lèi)型毫無(wú)用處呢?答案當(dāng)然是否定的。
在處理帶有小數(shù)的數(shù)字時(shí)需要特別注意。很多(也許是絕大多數(shù))程序只需要處理整數(shù),最大不超過(guò)百萬(wàn)或者萬(wàn)億,此時(shí)使用JavaScript 的數(shù)字類(lèi)型是絕對(duì)安全的。
總結(jié)
以上所述是小編給大家介紹的解決JavaScript中0.1+0.2不等于0.3問(wèn)題,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)
在使用easyUI做前端樣式展示時(shí),遇到了文件上傳的問(wèn)題,而且是在彈出層中提交表單,想做到不刷新頁(yè)面,所以選擇了使用ajaxFileUpload插件。下面通過(guò)本文給大家分享springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng),需要的朋友參考下吧2017-04-04
javascript實(shí)現(xiàn)拖拽碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)拖拽碰撞檢測(cè),碰撞改變顏色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03
self.attachevent is not a function的解決方法
今天一個(gè)客戶(hù)用chrome瀏覽器訪問(wèn)網(wǎng)站,他的網(wǎng)站js提示self.attachevent is not a function,這個(gè)問(wèn)題就是這個(gè)瀏覽器不支持attachevent,可以通過(guò)如下方法解決了,分享一下,需要的朋友可以參考下2017-04-04
微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過(guò)程解析
這篇文章主要介紹了微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
深入探究JavaScript中for循環(huán)的效率問(wèn)題及相關(guān)優(yōu)化
這篇文章主要介紹了JavaScript中for循環(huán)的效率問(wèn)題及相關(guān)優(yōu)化,文中談到了Underscore.js庫(kù)及循環(huán)在各個(gè)瀏覽器js解釋器下的表現(xiàn),需要的朋友可以參考下2016-03-03
javascript中href和replace的比較(詳解)
下面小編就為大家?guī)?lái)一篇javascript中href和replace的比較(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
解讀CocosCreator源碼之引擎啟動(dòng)與主循環(huán)
這篇文章主要介紹了CocosCreator源碼解讀之引擎啟動(dòng)與主循環(huán),對(duì)CocosCreator感興趣的同學(xué),可以研究參考一下2021-04-04

