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

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。