5.分支流程控制switch语句

概述: switch语句也是分支语句,它用于基本不同的条件来执行不同的代码。当要针对变量设置一系列的特定制的选项时,就可以使用switch。

1.switch语句也是多分支语句  也可以实习多选1

 2.语法结构switch 转换、开始   case小例子或者选项的意思 

3.执行思路  利用我们的表达式的值  和case后面的选项值相匹配  如果匹配上,就执行该case里面的语句 如果没有匹配上,那么执行 default里面的的语句

1、语法 :

  switch(表达式){
       case value1:
          //  执行语句1;
       break;
       case value2:
          // 执行语句2
       break;
       default:
         // 执行最后的语句;
     }

 代码验证

 switch(2){
            case 1:
                console.log('这个是1');
                break;
            case 2:
                console.log('这个是2');
                break;
            case 3:
                console.log('这个是3');
                break;
            default:
                console.log('没有匹配的结果');
        }

注意:

 1.我们开发里面  表达式我们经常写成变量

  2.我们num 的值 和 case 里面的值相匹配的时候是 全等  必须是值和数据类型一致才可以 num ===1

案例:

       1、弹出prompt输入框,让用户输入水果名称,把这个值取过来保存在变量中,

        2、将这个变量作为switch括号里面的表达式

        3、case后面的值写几个不同的水果名称,注意一定要加引号,因为必须是全等匹配

        4、弹出不同价格即可,同样注意每一个case之后加上break 以便退出switch语句

        5、将default设置为没有此水果




    
    
    
    案例:查询水果
    


    

5.2 switch语句和if else if 语句的区别

  1. 一般情况下,它们两语句可以相互替换
  2. switch....case 语句通常处理case为比较确定值的情况,而if...else.....if语句更加灵活,常用于范围判断(大于、等于某个范围)
  3. switch语句进行条件判断后直接执行到程序语句,效率更高,而if...else...if语句有几种条件,就的判断更多少次
  4. 当分支比较少时,if...else...if语句的执行效率比switch语句高
  5. 当分支比较多,switch语句的执行效率比较高,而且结构更清晰。

 案例1:

 判断时间阶段,

        比如用户

        输入12点   弹出中午好

        用户输入18点   弹出傍晚好

        用户输入23点   弹出深夜好




    
    
    
    Document
    


    

 案例2:

比较两数的最大值 (用户依次输入2个值,最后弹出最大的那个值)




    
    
    
    Document
    


    

 案例3:

用户输入一个数,来判断是奇数还是偶数

        能被2整除就是偶数

        不能被2整除就是奇数




    
    
    
    Document
    


    

 案例4:

1、switch里面case后面的固定值必须是字符串string不然无法运行

 2、而if else if 后面的值不是字符串型




    
    
    
    Document
    


    

 案例5:

接收班长口袋里面的钱数?若大于等于2000,请大家吃西餐,若小于2000,大于等于1500,请大家吃快餐。

 若小于1500,大于等于1000,请大家喝饮料,若小于1000,大于等于500,请大家吃棒棒糖,否则提醒班长下次把钱带够




    
    
    
    Document
    


    

 案例6:

f分数转换给一个分数,判定等级,大于等于90A,大于等于80小于90B,大于等于70小于80C,大于等于60小于70D,小于60E




    
    
    
    Document
    


    

你可能感兴趣的:(JavaScript基础,javascript,前端,开发语言)