switch选择结构

59 阅读 0 评论 39 点赞

我是靠谱客的博主无聊老虎，最近开发中收集的这篇文章主要介绍switch选择结构，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.switch 选择结构也是用于多个判断条件，但是她比 if多重结构更加的简洁。 switch选择结构，可以简化多重if选择结构的复杂语法，但是，它只能做等值判断，不能做区间判断。

2.注意：switch里面的case，如果判断成功，后面的case就不会再继续判断了，而是直接执行后续 case里面的代码。所以，在每个case语句的最下面，需要添加break语句，表示跳出整个switch 结构。

3.例如：请输入考试成绩名次，第1名，奖励手机一部，第2名，奖励mp4一个，第3名，奖励mp3 一个

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var score = parseInt(prompt('请输入名次：'))
switch (score) {
// case 1 就表示成绩是第一名 ，也就是score 输入的值是 1
case 1:
console.log('奖励手机一部');
break;
// case 2 就表示成绩是第二名
case 2:
console.log('奖励mp4一个');
break;
// case 2 就表示成绩是第三名
case 3:
console.log('奖励mp3一个');
break;
default:
console.log('啥也没有');
break;
}
</script>
</body>
</html>