javascript知识点-(分支结构if以及switch)

160 阅读2分钟

1.分支结构-if分支

执行逻辑:

  • 自上而的判断表达式,当某个表达式成立时,就执行相应的代码块,当代码块执行结束后,跳过整个结构,继续执行后续的代码
  • 只有前面的表达式不成立时,后面的表达式才有机会得到判断
  • 当所有的 表达式都不成立时,执行缺省代码块。
       语法:
            if( 表达式1 ){
                语句块1
            }else if( 表达式2 ){
                语句块2
            }else if( 表达式3 ){
                语句块3
            }else if( 表达式3 ){
                语句块3
            }else{
                缺省语句块
            }

            // ...后续代码...

01.单分支

条件:如果年龄大于18岁输出成年

         let age = prompt('请输入年龄');
         if(age >= 18){
             console.log('成年');
         }

02.if多分支练习代码

  • 条件:
  • 如果 >=90 输出 优秀
  • 如果 >=80 输出 优良
  • 如果 >=70 输出 良好
  • 如果 >=60 输出 及格
  • 如果 <60 输出 不及格
        let score =prompt ('请输入你的成绩')
        if (score>=90) {
            document.write('优秀')
        } else if (score>=80){
            document.write('优良')
        }
        else if (score>=70){
            document.write('良好')
        }
        else if (score>=60){
            document.write('及格')
        }
        else if (score<60){
            document.write('不及格')
        }

2.分支结构-switch

01.switch执行逻辑:

  • 根据switch后的变量与case后的值的匹配情况,来执行相应的语句块。
  • 当执行某个语句块执行结束后,会跳过整个结构,继续后续代码执行
  • 当所有的case的值都不与switch后面的变量匹配时,执行缺省语句块。
  • switch后的变量与case后的值的比较属于=== (全等比较)

因为prompt输入的值是string,所以需要先转换类型。

语法:
switch(变量){
case1:
语句块1;
break;

case2:
语句块2;
break;

case3:
语句块3;
 break;

default:
 缺省语句块;
}

02.switch分支结构练习

当用户输入数字几,就显示星期几,不在范围内显示数据不合法

        let day = prompt('输入一个数');
        switch(day){
            case 1 :
                document.write ('星期一');
                dreak;
            case 2 :
                document.write ('星期二');
                dreak;
            case 3 :
                document.write ('星期三');
                dreak;
            case 4 :
                document.write ('星期四');
                dreak;
            case 5 :
                document.write ('星期五');
                dreak;
            case 6 :
                document.write ('星期六');
                dreak;
            case 7 :
                document.write ('星期日');
                dreak;
            default: 
             document.write('数据不合法');      
        }

把用户随机输入的两个数进行 + - * /计算

let n1 = +prompt('请输入一个数字');
    let n2 = +prompt('请输入一个数字');
    let op =  prompt(' 请输入所需要的进行计算:+ - * / ');

    let result;
    switch(op) {
      case '+':
        result = n1+n2 ;
        break;
      case '-':
        result = n1-n2 ;
        break; 
      case '*':
        result = n1*n2 ;
        break; 
      case '/':
        result = n1/n2 ;
        break;
        default:
          alert('请输入正确的计算')
    }
    alert(result)

3.if与switch的区别

  • ifswitch的区别主要是体现在条件上
  • if的条件一般是表示的是一个值的范围
   let score = prompt('请输入分数');
      if(score >= 90){
             document.write('优秀')
  • switch的条件一般就是具体的值
  let day = +prompt('请输入一个数');
    switch(day){
        case 1:
###### document.write('星期一');
        break