非零基础自学前端最后一遍二 JavaScript基础 4 JavaScript基础运算符 4.7 比较运算符的使用

川长思鸟来 2024-03-25 16:40 36阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  4 JavaScript基础运算符
         *   *  4.7 比较运算符的使用
             *   *  4.7.1 比较运算符

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

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

#### 4 JavaScript基础运算符 ####

##### 4.7 比较运算符的使用 #####

###### 4.7.1 比较运算符 ######

*  我们知道，在数学中有很多用于比较大小的运算符，在JavaScript中也有相似的比较：
    
     *  大于 / 小于：a > b，a < b。
     *  大于等于 / 小于等于：a >= b，a <= b。
     *  检查两个值的相等：a == b，请注意**双等号 == 表示相等性检查**，而单等号 a = b 表示赋值。
     *  检查两个值不相等：不相等在数学中的符号是 ≠，但在 JavaScript 中写成 a != b。
 *  比较运算符的结果都是Boolean类型的
    
    ![在这里插入图片描述][4e8dacca549e4296b37dfcc833dfe9d5.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 book = {
          
        //   price: {
          
        //     newPrice: 222,
        //     oldPrice: 188
        //   }
        // }
    
        var num1 = 20
        var num2 = 30
    
        // 1.比较运算符
        var isResult = num1 > num2
        console.log(isResult)
    
        // 2.==判断
        console.log(num1 == num2) // false
        console.log(num1 != num2) // true
    
        // 需求: 获取到比较大的那个值
        // var result = 0
        // if (num1 > num2) {
          
        //   result = num1
        // } else {
          
        //   result = num2
        // }
    
      </script>
    
    </body>
    
    </html>

渲染结果

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

[859142645064403ca41658d0b702e045.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/49abb0c84974402ab3b465e57b3a668a.png
[4e8dacca549e4296b37dfcc833dfe9d5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/38dedfc65aa1443ba795daebdda3a378.png
[a98f679b62674240bd7b5586cdcfa6ca.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e891359f7c954ed4a102a9ac530c612a.png