javascript 逻辑非(!) 的骚操作

一时失言乱红尘 2022-01-23 06:57 276阅读 0赞

在前一篇文章[《javascript 逻辑与(&&) 和 逻辑或(||) 的骚操作》][javascript _ _ _]中有说 逻辑与 和 逻辑或 运算符的非常规使用方式，今天说一说 逻辑非(!)运算符的使用。

见下表，官方对 ! 运算符的说明

<table> 
 <tbody> 
  <tr> 
   <td style="width:149px;"><strong>运算符</strong></td> 
   <td style="width:118px;"><strong>语法</strong></td> 
   <td style="width:582px;"><strong>说明</strong></td> 
  </tr> 
  <tr> 
   <td style="width:149px;">逻辑非，NOT（!）</td> 
   <td style="width:118px;">!expr</td> 
   <td style="width:582px;">若 expr 可转换为 true，则返回 false；否则，返回 true。</td> 
  </tr> 
 </tbody> 
</table>

先简单的看一下 ! 的使用

/* 逻辑非运算符 */
    !true            //false
    !function(){}    //false
    !0               //true
    !""              //true

如上代码，逻辑非很好理解。

### 重点来了，该是主菜上桌。 ###

经常看到大佬们的代码有这样的操作。

!!variate

非常好奇，使用一个 ! 运算符我见过，两个是什么意思呢？

其实是比较容易理解的，! 是将原来的值转为 布尔值 再取反，使用两次 ! 运算，是将转为 布尔值 的 值再次取反，得到非取反的布尔值。。。。。emmmmm小编觉得一点也不绕，但不想再解释什么，直接上代码。

!!1            //true
    !!"helang"     //true
    !!""           //false

这样就能非常快速的将值转为 布尔类型 的值。相比通过  if 条件运算符 来实现相同的功能要快得多，也不会在今后看到大佬的操作持续懵B。

![20190602231829753.jpg][]

在文章的结尾，奉上本篇文章的姐妹篇[《javascript 逻辑与(&&) 和 逻辑或(||) 的骚操作》][javascript _ _ _]的传送门

传送地址：[https://blog.csdn.net/u013350495/article/details/90732645][javascript _ _ _]

> 作者：[黄河爱浪][Link 1] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[javascript _ _ _]: https://blog.csdn.net/u013350495/article/details/90732645
[20190602231829753.jpg]: /images/20220123/169e5d8aec9b46ef90fadd059da6be74.png
[Link 1]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: /images/20220123/36d72e993632490182df1323663bdc2c.png