非零基础自学前端最后一遍二 JavaScript基础 5 JavaScript分支语句 5.7 逻辑运算符的使用

阳光穿透心脏的1/2处 2024-03-25 23:00 72阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  5 JavaScript分支语句
         *   *  5.7 逻辑运算符的使用
             *   *  5.7.1 认识逻辑运算符

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

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

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

##### 5.7 逻辑运算符的使用 #####

###### 5.7.1 认识逻辑运算符 ######

*  逻辑运算符，主要是由三个：
    
     *  ||（或），&&（与），!（非）
     *  它可以将多个表达式或者值放到一起来获取到一个最终的结果；
    
    ![在这里插入图片描述][168af3d967e442c591174598742cb2bd.png_pic_center]
 *  有了逻辑运算符，我们就可以在判断语句中编写多个条件。

<!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 chineseScore = 88
        var mathScore = 99
    
        // 1.逻辑与: &&, 并且
        // 条件1 && 条件2 && 条件3.....
        // 所有的条件都为true的时候, 最终结果才为true
        // 案例: 小明语文考试90分以上, 并且数学考试90分以上, 才能去游乐场
        if (chineseScore > 90 && mathScore > 90) {
          
          console.log("去游乐场玩~")
        }
    
        // 2.逻辑或: ||, 或者
        // 条件1 || 条件2 || 条件3....
        // 只要有一个条件为true, 最终结果就为true
        // 案例: 如果有一门成绩大于90, 那么可以吃打1小时游戏
        if (chineseScore > 90 || mathScore > 90) {
          
          console.log("打1个小时游戏~")
        }
    
        // 3.逻辑非: !, 取反
        var isLogin = true
        if (!isLogin) {
          
          console.log("跳转到登录页面")
          console.log("进行登录~")
        }
    
        console.log("正常的访问页面")
    
    
      </script>
    
    </body>
    
    </html>

渲染结果

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

[72e7efd980764461a7dca3f08aee5b6a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/1601a4f4bfc8412ab7f85d34a25fa839.png
[168af3d967e442c591174598742cb2bd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b50d209551a047e8bdadb6796f0c4181.png
[2bd8b7d7b022406f9e5b5133e2569846.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3850e59b726c44c1b6b281ead13dac29.png