JavaScript 的 if 关键字

╰半夏微凉° 2022-11-07 11:42 189阅读 0赞

#### if 语句： ####

在计算机中编程语言中，判断的语句有好几种，if语句是其中的一种。if语句判断需要用到之前学过的语句、变量、数据类型、比较运算和逻辑运算。

if语句会对一个条件进行判断，如果这个条件结果为 true，就会执行后续代码块的语句。

语法格式：

if (条件){
       // 条件为 true 时执行的代码
    }

其中if是条件判断的关键字；条件是一个表达式，或变量，或函数，它会返回一个值。花括号内是条件语句，即当条件满足时会执行这里条件语句。

例：

<!DOCTYPE html>
    <html lang="en">
    <head>
         <meta charset="UTF-8">
         <title>if语句</title>
     </head>
     <body>
     <script>
         var score=80;
         if(score>=60){
             document.write("恭喜你顺利通过测试！")
        }
     </script>
     </body>
     </html>

#### if…else 语句： ####

判断通常不此一种可能性，就拿布尔类型来说，要么是真，要么是假。

`if...else`同样用来进行判断。如果条件结果是true，那么第一个代码块被执行。如果条件为false，会执行第二个代码块的语句。

语法格式：

if (条件){
       // 条件为 true 时执行的代码
    }
    else{
      // 条件为 false 时执行的代码
    }

例：

<!DOCTYPE html>
    <html lang="en">
    <head>
         <meta charset="UTF-8">
         <title>if...else语句</title>
    </head>
    <body>
    <script>
          var score = 54;
          if (score >= 60) {
          document.write("恭喜你顺利通过测试！")
       }
       else {
           document.write("补考场上见！")
        }
    </script>
    </body>
    </html>

#### If…else if…else 语句： ####

使用 `if....else if...else` 语句来选择多个代码块之一来执行。

if (条件1)       
    {        
      当条件 1 为 true 时执行的代码       
    }       
    else if (条件2)       
    {        
     当条件 2 为 true 时执行的代码      
    }        
    else        
    {        
      当条件 1 和 条件 2 都不为 true 时执行的代码        
    }

例：

//程序从上往下执行，依次判断每个条件，当遇到第一个条件成立，执行此条件对应的代码块，其他代码块忽略。
    //根据条件，只会选择其中一个代码块执行。
    if (time<10)
    {
        console.log("早上好");
    }
    else if (time>=10 && time<16)
    {
        console.log("今天好");
    }
    else
    {
        console.log("晚上好!");
    }

#### 多分支条件语句 ####

语法格式：

if (条件表达式1) {
    	// 条件1为 true 时执行的代码
    
    } else if (条件表达式2) {
    	// 条件1不满足，条件2满足时执行的代码
    
    } else if (条件表达式3) {
    	// 条件1、2不满足，条件3满足时执行的代码
    
    } else {
    	// 条件1、2、3都不满足时执行的代码

例：

var score=65;
    if （score<60）{
         alert（"不及格"）
    }else if （score>=60 && score<70）{
         alert（"及格"）
    }else if （score >=70 && score<80）{
         alert（"良"）
    }else {
         alert（"优"）
    }

#### 嵌套if语句 ####

if语句不但可以单独使用，而且可以嵌套使用。也就是if的语句里面还可以是另外一个完整的if语句。  
例：

var score=65;
       var daily=70;
       if (score>60 &&daily>60){
         alert("顺利毕业")
     }else{
         if (score <60 && daily<60){
             alert("成绩和考勤不合格，无法毕业")
         }else if (daily<60){
             alert("考勤不合格，无法毕业")
         }else{
             alert("成绩不合格，无法毕业")
         }
    }