js的switch

 

        ?   swith语句:

        switch(表达式) {
        case 值1:
            语句体1;
            break;
    
        case 值2:
            语句体2;
            break;
    
        ...
        ...
    
        default:
            语句体 n+1;
            break;
        }

switch 语句的结束条件【非常重要】

    
        - 情况a:遇到break就结束,而不是遇到default就结束。(因为break在此处的作用就是退出switch语句)
        - 情况b:执行到程序的末尾就结束。

case穿透的问题

switch 语句中的`break`可以省略,但一般不建议(对于新手而言)。否则结果可能不是你想要的,会出现一个现象:case穿透。
例子
    
        
        var num = 4;
    
        //switch判断语句
        switch (num) {
            case 1:
                console.log("星期一");
                break;
            case 2:
                console.log("星期二");
                break;
            case 3:
                console.log("星期三");
                break;
            case 4:
                console.log("星期四");
            //break;
            case 5:
                console.log("星期五");
            //break;
            case 6:
                console.log("星期六");
                break;
            case 7:
                console.log("星期日");
                break;
            default:
                console.log("你输入的数据有误");
                break;
        }
case4和case5中没有break,语句执行到case6才终止
    
    另外,语句的结束与 default 的顺序无关。
       

switch 语句的实战举例:替换 if 语句

            实战开发中,经常需要根据接口的返回码 retCode 
let retCode = 1003; // 返回码 retCode 的值可能有很多种情况
    
                if (retCode == 0) {
                    alert(‘接口联调成功‘);
                } else if (retCode == 101) {
                    alert(‘活动不存在‘);
                } else if (retCode == 103) {
                    alert(‘活动未开始‘);
                } else if (retCode == 104) {
                    alert(‘活动已结束‘);
                } else if (retCode == 1001) {
                    alert(‘参数错误‘);
                } else if (retCode == 1002) {
                    alert(‘接口频率限制‘);
                } else if (retCode == 1003) {
                    alert(‘未登录‘);
                } else if (retCode == 1004) {
                    alert(‘(风控用户)提示 活动太火爆啦~军万马都在挤,请稍后再试‘);
                } else {
                    // 其他异常返回码
                    alert(‘系统君失联了,请稍候再试‘);
                }

修改

let retCode = 1003; // 返回码 retCode 的值可能有很多种情况
    
                switch (retCode) {
                    case 0:
                        alert(‘接口联调成功‘);
                        break;
                    case 101:
                        alert(‘活动不存在‘);
                        break;
    
                    case 103:
                        alert(‘活动未开始‘);
                        break;
    
                    case 104:
                        alert(‘活动已结束‘);
                        break;
    
                    case 1001:
                        alert(‘参数错误‘);
                        break;
    
                    case 1002:
                        alert(‘接口频率限制‘);
                        break;
    
                    case 1003:
                        alert(‘未登录‘);
                        break;
    
                    case 1004:
                        alert(‘(风控用户)提示 活动太火爆啦~军万马都在挤,请稍后再试‘);
                        break;
    
                    // 其他异常返回码
                    default:
                        alert(‘系统君失联了,请稍候再试‘);
                        break;
                }    
实战开发中,凡是有重复的地方,我们都必须要想办法简化。
let day = 2;

                switch (day) {
                    case 1:
                        console.log(‘work‘);
                        break;

                    case 2:
                        console.log(‘work‘);
                        break;

                    case 3:
                        console.log(‘work‘);
                        break;

                    case 4:
                        console.log(‘work‘);
                        break;

                    case 5:
                        console.log(‘work‘);
                        break;

                    case 6:
                        console.log(‘relax‘);
                        break;

                    case 7:
                        console.log(‘relax‘);
                        break;

                    default:
                        break;
                }

修改

let day = 2;

                switch (day) {
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                        console.log(‘work‘);
                        break; // 在这里放一个 break

                    case 6:
                    case 7:
                        console.log(‘relax‘);
                        break; // 在这里放一个 break

                    default:
                        break;
                }

 

 

js的switch

上一篇:SQL_sql的简单查询


下一篇:angular js 实现分页