zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS基础 if和switch区别

JS基础 区别 if switch
2023-09-27 14:22:48 时间

if

       let flag = 1 >2 ? true : false
        if(flag){
            console.log('我是true===');
        }else{
            console.log('我是false===');
        }
        
        if(1>2){
            console.log('我是1>2===');
        }else if(4>3){
            console.log('我是4>3===');
        }else{
            console.log('我是else===');
        }

switch

 	switch(传值){
        case 1 : 
        条件1执行的代码;
        break;//跳出语句 防止穿透
        case 2 : 
        条件2执行的代码;
        break;//跳出语句 防止穿透
        case 3 : 
        条件3执行的代码;
        break;//跳出语句 防止穿透
        default:
            上述条件都不成立执行的代码块;
            break;
     }

        // switch (5) {
        //     case 1: console.log(1); break;
        //     case 2: console.log(2); break;
        //     case 3: console.log(3); break;
        //     default: console.log("都不满足")
        // }
        // 满分100
        //成绩  90》= 优秀
        //成绩  80》= 良好
        //成绩  70》= 及格
        //成绩  60》=  刚好及格

        let num = prompt()
        console.log('num===', num);
        switch (true) {
            case num >= 90: console.log('优秀'); break;
            case num >= 80: console.log('良好'); break;
            case num >= 70: console.log('及格'); break;
            case num >= 60: console.log('刚好及格'); break;
            default: console.log("都不满足")
        }

当case后面跟着的是判断语句的时候 相当于true 或者 false 和switch传入的参数进行判断,所以我们只能在switch中也传入true,完成了这个判断。

区别:
如果是牵扯到表达式以及复杂字符或者正则表达式的 都优先使用if
如果是简单数字以及运算符号可以使用switch也可以用if
在switch的最后一个匹配项末尾可以不加break