解決JavaScript中0.1+0.2不等于0.3問題
console.log(0.1+0.2===0.3)// true or false??
在正常的數(shù)學(xué)邏輯思維中,0.1+0.2=0.3這個邏輯是正確的,但是在JavaScript中0.1+0.2!==0.3,這是為什么呢?這個問題也會偶爾被用來當(dāng)做面試題來考查面試者對JavaScript的數(shù)值的理解程度。
在JavaScript中的二進(jìn)制的浮點(diǎn)數(shù)0.1和0.2并不是十分精確,在他們相加的結(jié)果并非正好等于0.3,而是一個比較接近的數(shù)字 0.30000000000000004 ,所以條件判斷結(jié)果為false。
那么應(yīng)該怎樣來解決0.1+0.2等于0.3呢? 最好的方法是設(shè)置一個誤差范圍值,通常稱為”機(jī)器精度“,而對于Javascript來說,這個值通常是2^-52,而在ES6中,已經(jīng)為我們提供了這樣一個
屬性:Number.EPSILON,而這個值正等于2^-52。這個值非常非常小,在底層計(jì)算機(jī)已經(jīng)幫我們運(yùn)算好,并且無限接近0,但不等于0,。這個時(shí)候我們只要判斷(0.1+0.2)-0.3小于
Number.EPSILON,在這個誤差的范圍內(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
但是這里要考慮兼容性的問題了,在chrome中支持這個屬性,但是IE并不支持(筆者的版本是IE10不兼容),所以我們還要解決IE的不兼容問題。
Number.EPSILON=(function(){ //解決兼容性問題
return Number.EPSILON?Number.EPSILON:Math.pow(2,-52);
})();
//上面是一個自調(diào)用函數(shù),當(dāng)JS文件剛加載到內(nèi)存中,就會去判斷并返回一個結(jié)果,相比if(!Number.EPSILON){
// Number.EPSILON=Math.pow(2,-52);
//}這種代碼更節(jié)約性能,也更美觀。
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了
這個是二進(jìn)制浮點(diǎn)數(shù)最大的問題(不僅JavaScript,所有遵循IEEE 754規(guī)范的語言都是如此)。
注意:有人認(rèn)為,JavaScript應(yīng)該采用一種可以精確呈現(xiàn)數(shù)字的實(shí)現(xiàn)方式。一直以來出現(xiàn)過很多替代方案,只是都沒能成為標(biāo)準(zhǔn),以后大概也不會。這個問題看似簡單,實(shí)則不然,否則早就解決了?!?/p>
問題是,如果一些數(shù)字無法做到完全精確,是否意味著數(shù)字類型毫無用處呢?答案當(dāng)然是否定的。
在處理帶有小數(shù)的數(shù)字時(shí)需要特別注意。很多(也許是絕大多數(shù))程序只需要處理整數(shù),最大不超過百萬或者萬億,此時(shí)使用JavaScript 的數(shù)字類型是絕對安全的。
總結(jié)
以上所述是小編給大家介紹的解決JavaScript中0.1+0.2不等于0.3問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng)
在使用easyUI做前端樣式展示時(shí),遇到了文件上傳的問題,而且是在彈出層中提交表單,想做到不刷新頁面,所以選擇了使用ajaxFileUpload插件。下面通過本文給大家分享springMVC + easyui + $.ajaxFileUpload實(shí)現(xiàn)文件上傳注意事項(xiàng),需要的朋友參考下吧2017-04-04
self.attachevent is not a function的解決方法
今天一個客戶用chrome瀏覽器訪問網(wǎng)站,他的網(wǎng)站js提示self.attachevent is not a function,這個問題就是這個瀏覽器不支持attachevent,可以通過如下方法解決了,分享一下,需要的朋友可以參考下2017-04-04
微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過程解析
這篇文章主要介紹了微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
深入探究JavaScript中for循環(huán)的效率問題及相關(guān)優(yōu)化
這篇文章主要介紹了JavaScript中for循環(huán)的效率問題及相關(guān)優(yōu)化,文中談到了Underscore.js庫及循環(huán)在各個瀏覽器js解釋器下的表現(xiàn),需要的朋友可以參考下2016-03-03
javascript中href和replace的比較(詳解)
下面小編就為大家?guī)硪黄猨avascript中href和replace的比較(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
解讀CocosCreator源碼之引擎啟動與主循環(huán)
這篇文章主要介紹了CocosCreator源碼解讀之引擎啟動與主循環(huán),對CocosCreator感興趣的同學(xué),可以研究參考一下2021-04-04

