JavaScript中!与!!运算符的区别及类型转换用法

单感叹号!的逻辑运算与类型转换

在JavaScript中，单感叹号!的用法十分灵活。除了执行常规的逻辑非运算外，它常被用于类型判断，通过与对象或变量结合使用，直接获取一个布尔类型的结果。

首先，!可以将变量强制转换为boolean类型。对于null、undefined以及空字符串''，取反后的结果均为false；而其余所有类型的值取反后均为true。

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

双感叹号!!的简洁类型判断

其次，!!通常用于更严格的类型判断。它是在第一步!（变量）进行逻辑取反后，再进行一次逻辑取反运算。许多JavaScript新手往往会编写如下冗长的代码来验证变量a是否非空、未定义或非空字符串，从而决定是否执行方法体内容：

var a;
if(a!=null&&typeof(a)!=undefined&&a!=''){
  //a有内容才执行的代码 
}

实际上，我们只需要使用一个简化的判断表达式即可达到相同的效果：

if(!!a){
//a有内容才执行的代码... 
}

这样即可实现与上述冗长代码相同的功能。只有当变量a具有实际含义（即非null、非undefined且非空字符串）时，才会执行后续代码；否则，这些特定值将导致代码块不被执行。

总结而言，“!”是逻辑非运算，它可以与任何变量结合进行逻辑非操作，并将其转化为布尔值；而“!!”则是逻辑非的再次取反运算。尤其在类型判断场景中，后者能使代码更加简洁高效，省去了多次判断null、undefined和空字符串的冗余代码。

以下是其他网友的补充内容。

!!强制布尔转换与注意事项

关于js中!!的用法。

!!的作用是将表达式强制转化为bool值，运算结果只能是true或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。