JavaScript中雙嘆號(hào)(!!)作用示例介紹
更新時(shí)間:2014年04月10日 15:30:45 作者:
這篇文章主要介紹了JavaScript中雙嘆號(hào)(!!)的作用,需要的朋友可以參考下
經(jīng)??吹竭@樣的例子:
var a;
var b=!!a;
a默認(rèn)是undefined。!a是true,!!a則是false,所以b的值是false,而不再是undefined,也非其它值,主要是為后續(xù)判斷提供便利。
!!一般用來將后面的表達(dá)式強(qiáng)制轉(zhuǎn)換為布爾類型的數(shù)據(jù)(boolean),也就是只能是true或者false;
因?yàn)閖avascript是弱類型的語言(變量沒有固定的數(shù)據(jù)類型)所以有時(shí)需要強(qiáng)制轉(zhuǎn)換為相應(yīng)的類型,類似的如:
a=parseInt(“1234″)
a=”1234″-0 //轉(zhuǎn)換為數(shù)字
b=1234+”” //轉(zhuǎn)換為字符串
c=someObject.toString() //將對(duì)象轉(zhuǎn)換為字符串
其中第1種、第4種為顯式轉(zhuǎn)換,2、3為隱式轉(zhuǎn)換
布爾型的轉(zhuǎn)換,javascript約定規(guī)則為
false、undefinded、null、0、”” 為 false
true、1、”somestring”、[Object] 為 true
對(duì)null與undefined等其他用隱式轉(zhuǎn)換的值,用!操作符時(shí)都會(huì)產(chǎn)生true的結(jié)果,所以用兩個(gè)感嘆號(hào)的作用就在于將這些值轉(zhuǎn)換為“等價(jià)”的布爾值;
再來看看:
var foo;
alert(!foo);//undifined情況下,一個(gè)感嘆號(hào)返回的是true;
alert(!goo);//null情況下,一個(gè)感嘆號(hào)返回的也是true;
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
這段例子,演示了在undifined和null時(shí),用一個(gè)感嘆號(hào)返回的都是true,用兩個(gè)感嘆號(hào)返回的就是false,所以兩個(gè)感嘆號(hào)的作用就在于,如果明確設(shè)置了變量的值(非null/undifined/0/”“等值),結(jié)果就會(huì)根據(jù)變量的實(shí)際值來返回,如果沒有設(shè)置,結(jié)果就會(huì)返回false。
復(fù)制代碼 代碼如下:
var a;
var b=!!a;
a默認(rèn)是undefined。!a是true,!!a則是false,所以b的值是false,而不再是undefined,也非其它值,主要是為后續(xù)判斷提供便利。
!!一般用來將后面的表達(dá)式強(qiáng)制轉(zhuǎn)換為布爾類型的數(shù)據(jù)(boolean),也就是只能是true或者false;
因?yàn)閖avascript是弱類型的語言(變量沒有固定的數(shù)據(jù)類型)所以有時(shí)需要強(qiáng)制轉(zhuǎn)換為相應(yīng)的類型,類似的如:
復(fù)制代碼 代碼如下:
a=parseInt(“1234″)
a=”1234″-0 //轉(zhuǎn)換為數(shù)字
b=1234+”” //轉(zhuǎn)換為字符串
c=someObject.toString() //將對(duì)象轉(zhuǎn)換為字符串
其中第1種、第4種為顯式轉(zhuǎn)換,2、3為隱式轉(zhuǎn)換
布爾型的轉(zhuǎn)換,javascript約定規(guī)則為
false、undefinded、null、0、”” 為 false
true、1、”somestring”、[Object] 為 true
對(duì)null與undefined等其他用隱式轉(zhuǎn)換的值,用!操作符時(shí)都會(huì)產(chǎn)生true的結(jié)果,所以用兩個(gè)感嘆號(hào)的作用就在于將這些值轉(zhuǎn)換為“等價(jià)”的布爾值;
再來看看:
復(fù)制代碼 代碼如下:
var foo;
alert(!foo);//undifined情況下,一個(gè)感嘆號(hào)返回的是true;
alert(!goo);//null情況下,一個(gè)感嘆號(hào)返回的也是true;
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
這段例子,演示了在undifined和null時(shí),用一個(gè)感嘆號(hào)返回的都是true,用兩個(gè)感嘆號(hào)返回的就是false,所以兩個(gè)感嘆號(hào)的作用就在于,如果明確設(shè)置了變量的值(非null/undifined/0/”“等值),結(jié)果就會(huì)根據(jù)變量的實(shí)際值來返回,如果沒有設(shè)置,結(jié)果就會(huì)返回false。
相關(guān)文章
JS判斷數(shù)組中是否有重復(fù)值得三種實(shí)用方法
數(shù)組中是否有重復(fù)值的判斷方法有很多,本文為大家推薦下比較實(shí)用的3種方法,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08處理JavaScript值為undefined的7個(gè)小技巧
這篇文章主要介紹了處理JavaScript值為undefined的7個(gè)小技巧,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07js循環(huán)動(dòng)態(tài)綁定帶參數(shù)函數(shù)遇到的問題及解決方案[轉(zhuǎn)]
關(guān)于Javascript利用循環(huán)綁定事件的例子,需要的朋友可以參考下。2010-11-11一篇文章告訴你如何用事件委托實(shí)現(xiàn)JavaScript留言板功能
這篇文章主要為大家介紹了事件委托實(shí)現(xiàn)JavaScript留言板功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-12-12ES6學(xué)習(xí)筆記之let與const用法實(shí)例分析
這篇文章主要介紹了ES6學(xué)習(xí)筆記之let與const用法,結(jié)合實(shí)例形式分析了ES6中l(wèi)et與const的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-01-01