switch选择结构的正确使用

最新推荐文章于 2022-08-15 11:03:04 发布

原创最新推荐文章于 2022-08-15 11:03:04 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了如何使用switch语句替代if-else结构来评价学生成绩，解释了为何原始switch代码失效，以及如何通过将score转换为布尔类型或按十位数划分来修复问题。

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

switch选择通常用于等值判断，如果要判断一个区间，一般是用if来进行，下面我们根据一个实例来进行理解：

*输入一个学生的成绩，如果分数90<=并且<=100则评级为A，如果80<=并且<90则为B，依次向下评分为70<=分数<80为C，60<=分数<70为D，0<=分数<60为E，输入其他情况则报错。

如果我们使用if来进行选择，则代码块如下：

<script type="text/javascript">
        var score=parseInt(window.prompt("请输入成绩"));
        if(score>=90&&score<=100){
            document.write("该同学的的成绩评级为A");
        }
        else if(score>=80&&score<90){
            document.write("该同学的的成绩评级为B");
        }
        else if(score>=70&&score<80){
            document.write("该同学的的成绩评级为C");
        }
        else if(score>=60&&score<70){
            document.write("该同学的的成绩评级为D");
        }
        else if(score>=0&&score<60){
            document.write("该同学的的成绩评级为E");
        }
        else{
            document.write("分数录入异常");
        }
</script>

该程序是能正常运行的，现在我们使用switch来进行选择，代码如下：

<script type="text/javascript">
        var score= parseFloat(window.prompt("请输入成绩"));
        switch(score){
            case score>=90&&score<=100:
                document.write("该同学的的成绩评级为A");
                break;
            case score>=80&&score<=90:
                document.write("该同学的的成绩评级为B");
                break;
            case score>=70&&score<=80:
                document.write("该同学的的成绩评级为C");
                break;
            case score>=60&&score<=70:
                document.write("该同学的的成绩评级为D");
                break;
            case score>=0&&score<60:
                document.write("该同学的的成绩评级为E");
                break;
            default:
                document.write("分数录入异常");
        }
</script>

此时无论输入什么分数，在页面中都只会显示分数录入异常。这是因为case里面的值类型为boolean类型，而switch条件中的score类型为数字类型，不匹配，所以我们只需要将score改为true即可，代码如下：

<script type="text/javascript">
        var score= parseFloat(window.prompt("请输入成绩"));
        switch(true){
            case score>=90&&score<=100:
                document.write("该同学的的成绩评级为A");
                break;
            case score>=80&&score<=90:
                document.write("该同学的的成绩评级为B");
                break;
            case score>=70&&score<=80:
                document.write("该同学的的成绩评级为C");
                break;
            case score>=60&&score<=70:
                document.write("该同学的的成绩评级为D");
                break;
            case score>=0&&score<60:
                document.write("该同学的的成绩评级为E");
                break;
            default:
                document.write("分数录入异常");
        }
</script>

这时程序就可以正常的执行了，还有一种办法就是给分数按十位上的数字进行划块，然后再根据switch来进行选择，代码如下：

<script type="text/javascript">
        var score= parseFloat(window.prompt("请输入成绩"));
        score=parseInt(score/10);
        switch(score){
            case 10:
                document.write("A");
                break;
            case 9:
                document.write("B");
                break;
            case 8:
                document.write("C");
                break;
            case 7:
                document.write("D");
                break;
            case 6:
                document.write("E");
                break;
            case 5:
            case 4:
            case 3:
            case 2:
            case 1:
            case 0:
                document.write("E");
                break;
            default:
                document.write("输入的分数有错误");
        }
</script>

但是这种方法有一个小BUG，那就是取十位上的数字的时候，是向下取整的，如果在输入分数时输入101-109的分数，取十位会变成10，在页面中会输出A而不是报错，因此不推荐使用此方法。