程序流程控制语句之选择语句

曾经终败给现在 2022-10-16 07:50 236阅读 0赞

### 程序流程控制之选择语句 ###

*  1、if 语句
 *  2、if-else 语句
 *  3、if-else 嵌套
 *  4、switch - case 语句
 *  5、if-else 嵌套和 switch-case 的异同

新手小白三连问：程序？？流程控制？？控制语句？？懵逼一脸

简单来说：

**程序**：就是以数据为基础，有了数据后对数据进行各种处理；

**流程控制**：程序的处理方式，即是程序是怎么执行的，它的执行的顺序

如何执行，又有三种：**顺序、选择和循环**

① 顺序执行：最为简单的结构，按照程序的顺序从上往下逐行执行；中间无任何判断和跳转；

② 选择执行：根据条件，选择性的执行某段代码

③ 循环执行：根据循环条件，重复性的执行某段代码

这三种对应不同的语句，**这章主要说说选择执行语句**

<table> 
 <thead> 
  <tr> 
   <th>语句</th> 
   <th>写法</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>if</td> 
   <td>有且仅有 1 个 if</td> 
  </tr> 
  <tr> 
   <td>if-else</td> 
   <td>1个 if 且 1 个 else</td> 
  </tr> 
  <tr> 
   <td>if-else嵌套</td> 
   <td>1个 if 且 多个 else if 及 1 个 else</td> 
  </tr> 
  <tr> 
   <td>switch-case</td> 
   <td>1 个 switch 且 多个 case 及 1 个 default</td> 
  </tr> 
 </tbody> 
</table>

# 1、if 语句 #

(1) 使用范围：只针对判断条件为真的表达式

(2) 语法规范：

if ( 条件表达式 ) \{  
语句块  
\}

注意：上述语句块，可以有一条或多条语句：

若仅有一条语句，大括号可省，但一般不推荐，这会使代码可读性变差；

若有多条语句，则必须加大括号。

(3) 语法解析：

① 对if后面括号中的条件表达式进行判断；

② 若判断结果为 true ，就执行大括号后面的语句块，

③ 若判断结果为 false ，就直接跳过if语句，执行下一条语句。

(4) 知识理解：

我们比较熟悉的打折，可以用 if 语句判断

例如：满100元减10元

//假设买东西共花了120元
        var total=120;
        if(total>=100){
         //判断是否满100
          total-=10;    //满100，减10
        }
        console.log('总价：' + total);// 110

(5) 练习展示：

使用if语句判断是否为闰年，若是打印’闰年’

//闰年：能被4整除且不能被100整除，或能被400整除
        //以2021年为例判断
        var year=2021;
        if(year%4===0 && year%100!==0 || year%400===0){
        
          console.log('闰年');//未打印闰年，直接跳过语句，2021不是闰年
        }
        //以2020年为例判断
        var year=2020;
        if(year%4===0 && year%100!==0 || year%400===0){
        
          console.log('闰年');//打印闰年
        }

到了这，可能就会有小伙伴就想：难道条件表达式只能放上这些么？

当然，不是 ！再往下看 ^ ^

//布尔型
        if(true){
        
          console.log('ok'); // ok
        }
        if(false){
        
          console.log('ok'); // 直接跳过该语句块
        }
        //数值
        if(2){
         
          console.log('ok');// ok,2隐式转为true
        }
        if(0){
        
          console.log('ok');// 直接跳过该语句块,0隐式转false
        }

亲测：还有一些和 0 一样，作为条件表达式会隐式转换为 false 不执行语句块，如：

空字符"、空字符串""、未定型 undefined 、空 null 、NaN

字符串带的引号，即使里边的内容是空格也会转为true

注意：空字符串，可用于取反

举例：利用字符串查看个性签名是否为空，方法如下：

var str='人生趣事：吃饭睡觉打豆豆'; // 个性签名内容
        //方法一：取反
        if(!str){
        
          str='这家伙很懒，什么也没留下';
        }
        console.log(str); // 这家伙很懒，什么也没留下
      
        //方法二：空字符串
        if(str===''){
        
          //设置默认签名
          str='这家伙很懒，什么也没留下';
        }
        console.log(str); 这家伙很懒，什么也没留下

# 2、if-else 语句 #

(1) 使用范围：对一个条件做两种处理 true 和 false

(2) 语法规范：

if ( 条件表达式 ) \{  
语句块 1  
\} else \{  
语句块 2  
\}

注意：上述语句块和if语句一样，可以有一条或多条语句。

(3) 语法解析：

① 对if后面括号中的条件表达式进行判断；

② 若判断结果为 true ，就执行语句1 / 语句块1；

③ 若判断结果为 false ，就执行语句2 / 语句块2。

(4) 知识理解：

我们比较熟悉的判断一个人是否成年，可以用 if-else 语句

例如：判断一个人是否成年人

//假设这个人年龄为20
        var age=20;
        if(age>=18){
        
          console.log('成年人');
        }else{
        
          console.log('未成年人');
        }

(5) 练习展示：

要求使用 if-else 语句做判断：声明一个变量保存用户名和密码，若用户名为 root 且密码为 123456，打印’登录成功’，否则打印’登录失败’

var uname='root',upwd='123456';
        if(uname==='root' && upwd='123456'){
        
          console.log('登录成功');
        }else{
        
          console.log('登录失败');
        }

# 3、if-else 嵌套 #

(1) 使用范围：对多个不同条件做出判断，得出一种结果。

(2) 语法规范：

if ( 条件表达式1 )\{  
语句块 1  
\} else if (条件表达式 n )\{  
语句块 n  
\} else \{  
语句块 n + 1  
\}

注意：上述语句块和 if 语句一样，可以有一条或多条语句。

(3) 语法解析：

① 对 if 后面括号中的条件表达式 1 进行判断；

② 若判断结果为 true ，就执行语句1 / 语句块1；

③ 若判断结果为 false ，就开始判断条件表达式 n ;

④ 哪个条件表达式为 true，就执行对应的那个语句块;

⑤ 以上所有判断结果都为 false，才执行语句块 n+1。

(4) 知识理解：

我们比较熟悉的 - 成绩等级展示

例如：90-100 优秀 、80-90以下 良好 、70-80以下 中等、

60-70以下 及格、60以下 不及格

//假设所的成绩88
        var score=88;
        if(score<0 || score>100){
        
          console.log('非法成绩');
        }else if(score>=90){
        
          console.log('优秀');
        }else if(score>=80){
        
          console.log('良好');
        }else if(score>=70){
        
          console.log('中等');
        }else if(score>=60){
        
          console.log('及格');
        }else{
        
          console.log('不及格 ');
        }

(5) 练习展示：

使用 if-else 嵌套：假设现有6种订单状态，根据状态码打印对应汉字

1-等待付款 2-等待发货 3-运输中、

4-已签收 5-已取消 其它-无法追踪

//假设状态码为 3 ，运输中
        var status=3
        if(status===1){
        
          console.log('等待付款');
        }else if(status===2){
        
          console.log('等待发货');
        }else if(status===3){
        
          console.log('运输中');
        }else if(status===4){
        
          console.log('已签收');
        }else if(status===5){
        
          console.log('已取消');
        }else{
        
          console.log('无法追踪');
        }

# 4、switch - case 语句 #

(1) 使用范围：对一个条件做出判断，得出一种结果。

(2) 语法规范：

switch ( 条件表达式 )\{  
case 值 1:  
语句块 1  
break;  
case 值 n:  
语句块 n  
break;  
default:  
语句块 n+1  
\}

注意：switch-case是一种特殊的多项分支语句，只能进行全等于比较

(3) 语法解析：

① 若表达式的值和case后的值相等（===）就执行对应的语句块；

② 一旦出现break,后面出现多个case就不再执行了；

(4) 知识理解：

任然是我们比较熟悉的 - 成绩等级展示

例如：90-100 优秀 、80-90以下 良好 、70-80以下 中等、

60-70以下 及格、60以下 不及格

//这次利用取整思想来写
        //假设所得成绩88
        var score=88;
        if(score<0 || score>100){
        
          console.log('非法成绩');
        }else{
        
          switch(parseInt(score/10)){
        
            case 10:
            case 9:
              console.log('优秀');
              break;
            case 8:
              console.log('良好');
              break;
            case 7:
              console.log('中等');
              break;
            case 6:
              console.log('及格');
              break;
            default:
              console.log('不及格');
          }
        }

(5) 练习展示：

switch-case：声明一个变量保存任意一城市，打印该城市对应美食。

//假设打印北京的美食
        var city='北京';
        switch(city){
        
          case '北京':
            console.log('烤鸭');
            break;
          case '重庆':
          case '成都':
            console.log('火锅');
            break;
          default:
            console.log('汤圆');
        }

# 5、if-else 嵌套和 switch-case 的异同 #

<table> 
 <thead> 
  <tr> 
   <th>同</th> 
   <th>异</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>都是多项分支语句</td> 
   <td>if-else 可以进行各种情况的判断 ，switch-case只能使用全等于（===）的比较； switch-case 执行效率更高，而 if-else 适用范围却更为广泛。</td> 
  </tr> 
 </tbody> 
</table>