歡迎您光臨本站 註冊首頁

js中!和!!的區別與用法

←手機掃碼閱讀     wooen @ 2020-05-10 , reply:0

js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,
1、!可將變量轉換成boolean類型,null、undefined和空字符串取反都為false,其餘都為true。
!null=true !undefined=true !''=true !100=false !'abc'=false
2、!!常常用來做類型判斷,在第一步!(變量)之後再做邏輯取反運算,在js中新手常常會寫這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執行方法體的內容
var a; if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有內容才執行的代碼 }
實際上我們只需要寫一個判斷表達:
if(!!a){ //a有內容才執行的代碼... }
就能和上面達到同樣的效果。a是有實際含義的變量才執行方法,否則變量null,undefined和''空串都不會執行以下代碼。
可以總結出來,“!”是邏輯與運算,並且可以與任何變量進行邏輯與將其轉化為布爾值,“!!”則是邏輯與的取反運算,尤其後者在判斷類型時代碼簡潔高效,省去了多次判斷null、undefined和空字符串的冗餘代碼。
下面是其他網友的補充
js 中 !!的用法
!!是將表達式強制轉化為bool值的運算,運算結果為true或false,表達式是什麼值,結果就是對應的bool值,不再取非。
不是取非再取非的意思!!!
!!false=false; 要注意false和“false” 的區別!!!!!
!!"false"=true;
!!true=true;
!!(NaN || undefined || null || 0 || ' ')=false;
var o={flag:true}; var test=!!o.flag;//等效於var test=o.flag||false; alert(test);
由於對null與undefined用!操作符時都會產生true的結果,
所以用兩個感嘆號的作用就在於,
如果明確設置了o中flag的值(非 null/undefined/0""/等值),自然test就會取跟o.flag一樣的值;
如果沒有設置,test就會默認為false,而不是 null或undefined。


[wooen ] js中!和!!的區別與用法已經有257次圍觀

http://coctec.com/docs/javascript/show-post-233638.html