非零基础自学前端最后一遍二 JavaScript基础 5 JavaScript分支语句 5.10 逻辑非的补充用法

朴灿烈づ我的快乐病毒、 2024-03-25 23:01 63阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  5 JavaScript分支语句
         *   *  5.10 逻辑非的补充用法
             *   *  5.10.1 !（非）

![在这里插入图片描述][a6e0adf0c14f4f92b04dd83557566b3a.png_pic_center]

#### 二 JavaScript基础 ####

#### 5 JavaScript分支语句 ####

##### 5.10 逻辑非的补充用法 #####

###### 5.10.1 !（非） ######

*  逻辑非运算符接受一个参数，并按如下运算：
    
     *  步骤一：将操作数转化为布尔类型：true/false；
     *  步骤二：返回相反的值；
 *  两个非运算 **!! 有时候用来将某个值转化为布尔类型：**
    
     *  也就是，第一个非运算将该值转化为布尔类型并取反，第二个非运算再次取反。
     *  最后我们就得到了一个任意值到布尔值的转化。

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
    
        var message = "Hello World"
        console.log(Boolean(message))
        console.log(!!message)
    
    
        var obj = null
        console.log(Boolean(obj))
        console.log(!!obj)
    
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][f4fa53efd3e144de91e9522e83c21862.png_pic_center]

妙啊

[a6e0adf0c14f4f92b04dd83557566b3a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0d38878b7c1b4d06b8ff50d37a90a867.png
[f4fa53efd3e144de91e9522e83c21862.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/427bbda839be4a16988339bfe985211f.png