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而不是报错,因此不推荐使用此方法。