JavaScript条件分支语句_js写页面有一个方格如果合格站7不合格占2-优快云博客

本文详细介绍了JavaScript中的条件分支语句，包括if..else结构和switch..case语句的使用。强调switch采用全等判断，且在没有break的情况下，满足一个条件后续case也会执行。同时提倡使用三目运算符以提高代码效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、if..else语句

<script>
        var score = 75;
        if(score > 70){
            if(score > 80){
                console.log("优");
            }else{
                console.log("良");
            }
        }else if(score>60){
            console.log("合格");
        }else{
            console.log("不合格");
        }
</script>

二、switch..case语句

switch..case采用的是全等的判断，不只是数值要相等，数据类型也要相等；

break：中断操作；

<script>
        var week = 1;
        switch(week){
            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;
            default:
                console.log("今天是周日");
        }
</script>

如果不存在break，如果满足一个条件，接下来的语句不需要满足条件都会执行一遍；

可以不写break减少代码量

<script>
        var month = 5;
        switch(month){
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                console.log("本月有31天");
                break;
            case 2:
                console.log("本月有28天");
                break;
            case 4:
            case 6:
            case 9:
            case 11:
                console.log("本月有30天");
                break;
            default:
                console.log("请输入正确的月份");
        }
</script>

case也可以使用判断语句

<script>
        var score = 59;
        switch(true){
            case (score<60):
                console.log("不及格");
            case (score<70):
                console.log("及格");
            case (score<80):
                console.log("中");
            case (score<90):
                console.log("良");
            default:
                console.log("优");
        }
</script>

三、三目运算符

能够使用三目运算符的，就不要使用if..else和switch，因为三目运算符性能更好；

<script>
        var num = true ? 20 : 10;
        console.log(num); //20

        var score = 62;
        var msg = score<60 ? '不及格' : '及格';
        console.log(msg); //'及格'

        console.log(true ? '条件为真' : '条件为假'); //条件为真
        console.log('条件为'+ (true ? '真':'假'));    //条件为真
</script>