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

一直搞不清  !! 和 ！ 的區別在哪里？

if (!!item.value) {
    param[item.name] = item.value;
}

js 中 ! 的用法是比較靈活的，它除了做邏輯運算常常會用！做類型判斷，可以用！與上對象來求得一個布爾值，
1、！可將變量轉換成boolean類型，null、undefined和空字符串取反都為true，其余都為false。

!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和空字符串的冗余代碼。

所以開頭的代碼中，！！value ， 先將value轉成取反的布爾值，將得到的布爾值再次取反，保證value的值為null，undefined和空字符串的情況下，if體中的代碼不會執行。

 

 

來源：https://blog.csdn.net/chenggang_zh/article/details/84335252