解決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)文章
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è)客戶用chrome瀏覽器訪問(wèn)網(wǎng)站，他的網(wǎng)站js提示self.attachevent is not a function，這個(gè)問(wèn)題就是這個(gè)瀏覽器不支持attachevent，可以通過(guò)如下方法解決了，分享一下,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了JavaScript避免嵌套代碼，很多時(shí)候需要編寫的邏輯本身就很惡心, 乍看之下, 堆頁(yè)巖般的判定嵌套里似乎每一層都是必要的, 也只能說(shuō)盡量讓它看起來(lái)不那么惡心2023-02-02
本文給大家分享的是個(gè)人對(duì)于12306的新的驗(yàn)證碼系統(tǒng)的破解思路，僅僅是思路，還沒(méi)進(jìn)行實(shí)地驗(yàn)證，推薦給大家，拋磚引玉吧。2015-03-03
這篇文章主要給大家介紹了關(guān)于webgl實(shí)現(xiàn)物體描邊效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用webgl具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
微信小程序復(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