js中!和!!的區(qū)別與用法

2020-05-18 10:33:25 來(lái)源:互聯(lián)網(wǎng)作者:佚名 人氣: 次閱讀 51 條評(píng)論

文章主要介紹了js中!和!!的區(qū)別與用法,js中!的用法是比較靈活的,它除了做邏輯運(yùn)算常常會(huì)用!做類(lèi)型判斷,可以用!與上對(duì)象來(lái)求得一個(gè)布爾值,需要的朋友可以參考下...

文章主要介紹了js中!和!!的區(qū)別與用法,js中!的用法是比較靈活的,它除了做邏輯運(yùn)算常常會(huì)用!做類(lèi)型判斷,可以用!與上對(duì)象來(lái)求得一個(gè)布爾值,需要的朋友可以參考下

js中!的用法是比較靈活的,它除了做邏輯運(yùn)算常常會(huì)用!做類(lèi)型判斷,可以用!與上對(duì)象來(lái)求得一個(gè)布爾值,

1、!可將變量轉(zhuǎn)換成boolean類(lèi)型,null、undefined和空字符串取反都為false,其余都為true。

!null=true
!undefined=true
!''=true
!100=false
!'abc'=false

2、!!常常用來(lái)做類(lèi)型判斷,在第一步!(變量)之后再做邏輯取反運(yùn)算,在js中新手常常會(huì)寫(xiě)這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內(nèi)容

var a;
if(a!=null&&typeof(a)!=undefined&&a!=''){
??//a有內(nèi)容才執(zhí)行的代碼 
}

實(shí)際上我們只需要寫(xiě)一個(gè)判斷表達(dá):

if(!!a){
//a有內(nèi)容才執(zhí)行的代碼... 
}

可以總結(jié)出來(lái),“!”是邏輯與運(yùn)算,并且可以與任何變量進(jìn)行邏輯與將其轉(zhuǎn)化為布爾值,“!!”則是邏輯與的取反運(yùn)算,尤其后者在判斷類(lèi)型時(shí)代碼簡(jiǎn)潔高效,省去了多次判斷null、undefined和空字符串的冗余代碼。就能和上面達(dá)到同樣的效果。a是有實(shí)際含義的變量才執(zhí)行方法,否則變量null,undefined和''空串都不會(huì)執(zhí)行以下代碼。

下面是其他網(wǎng)友的補(bǔ)充

js 中 !!的用法

!!是將表達(dá)式強(qiáng)制轉(zhuǎn)化為bool值的運(yùn)算,運(yùn)算結(jié)果為true或false,表達(dá)式是什么值,結(jié)果就是對(duì)應(yīng)的bool值,不再取非。

不是取非再取非的意思!!!

!!false=false;    要注意false和“false” 的區(qū)別!!!!!

!!"false"=true;

!!true=true;

!!(NaN || undefined || null || 0 || ' ')=false;

var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);

由于對(duì)null與undefined用!操作符時(shí)都會(huì)產(chǎn)生true的結(jié)果,
所以用兩個(gè)感嘆號(hào)的作用就在于,
如果明確設(shè)置了o中flag的值(非 null/undefined/0""/等值),自然test就會(huì)取跟o.flag一樣的值;
如果沒(méi)有設(shè)置,test就會(huì)默認(rèn)為false,而不是 null或undefined。

您可能感興趣的文章

相關(guān)文章