JavaScript教程
JavaScript基本语法
JavaScript运算符
JavaScript流程控制
JavaScript函数
JavaScript字符串函数
JavaScript数组
JavaScript对象
JavaScript Object
JavaScript Date
JavaScript Math
JavaScript正则
赞
赏
switch语句 的作用类似于 if语句，用于基于不同条件执行不同动作，每一个 case 分支都是唯一的，从上至下逐一测试，直到匹配为止。
JavaScript 的 switch 语句如果匹配成功后，不需要继续匹配其他项，那么我们需要在每个项后面加 break语句。
如果，我们希望在任何一个都没有匹配成功后，使用默认的 case，那么我们可以使用 default 语句。
switch (expression) {
case val1:
//do something
break;
case val2:
//do something
break;
default:
//do something
break;
}
| 参数 | 描述 |
|---|---|
| switch | switch 判断使用的关键字。 |
| expression | 需要判断的条件表达式。 |
| case | 每一个分支前面需要使用的关键字。 |
| var1 | 判断 expression 是否满足 var1 的条件。 |
| break | 表明如果匹配成功该 case，那么就不再继续匹配，如果没有该 break，则会继续匹配下一个 case。 |
| default | 如果 expression 不满足上述所有的 case，则会执行 default 分支。 |
如果 expression 的值满足条件 val1，那么就会执行 val1 下面的代码块，如果 expression 的值满足 val2，那么就会执行 val2 下面的代码块，如果所有条件都不满足，那么就执行 default 语句下面的代码块。
switch (expression) {
case val1:
case val2:
//case1
break;
case val3:
case val4:
//case2
break;
case val5:
case val6:
//case3
break;
default:
//default case
break;
}
如果 expression 满足条件 val1 或者条件 val2，那么都执行 case1 代码逻辑，如果 expression 满足条件 val3 或者条件 val4，那么都执行 case2 代码逻辑，如果 expression 满足条件 val5 或者条件 val6，那么都执行 case3 代码逻辑。
使用switch语句，判断整数
<!DOCTYPE html>
<html>
<head>
<title>JavaScript switch语句</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var score = 80;
switch(score){
case 90:
console.log("Got A");
break;
case 80:
console.log("Got B");
break;
case 70:
console.log("Got C");
break;
default:
console.log("Got D");
break;
}
</script>
</head>
</html>
程序运行后，控制台输出如下：
我们定义了一个整数 变量 score，接着我们使用 switch 语句判断 score，如果是 90，则输出 A，如果是 80，则输出 B，如果是 70，则输出 C，其他情况，输出 D。
因为，我们的值为 80，匹配到了 80 的 case，因此输出了 B。
使用switch语句，执行default case
<!DOCTYPE html>
<html>
<head>
<title>JavaScript switch语句</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var score = 60;
switch(score){
case 90:
console.log("Got A");
break;
case 80:
console.log("Got B");
break;
case 70:
console.log("Got C");
break;
default:
console.log("Got D");
break;
}
</script>
</head>
</html>
程序运行后，控制台输出如下：
我们定义了一个整数变量 score，接着我们使用 switch 语句判断 score，如果是 90，则输出 A，如果是 80，则输出 B，如果是 70，则输出 C，其他情况，输出 D。
因为，我们的值为 60，所有的 case 都不匹配，因此执行了 default 语句的逻辑，输出了 D。
使用switch语句，判断字符串
<!DOCTYPE html>
<html>
<head>
<title>JavaScript switch语句</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var day = "周三";
switch(day){
case "周一":
console.log("Monday");
break;
case "周二":
console.log("Tuesday");
break;
case "周三":
console.log("Wednesday");
break;
case "周四":
console.log("Thursday");
break;
default:
console.log("UnKnown");
break;
}
</script>
</head>
</html>
程序运行后，控制台输出如下：
我们定义了一个 字符串 变量 day，接着我们使用 switch 语句判断 day，如果是周一，则输出 Monday，如果是 80，如果是周二，则输出 Tuesday，如果是周三，则输出 Wednesday，如果是周四，则输出 Thursday，其他情况，则输出 UnKnown。
因为，我们的值为周三，匹配到周三的 case，因此输出了 Wednesday。
使用switch语句，case连写
<!DOCTYPE html>
<html>
<head>
<title>JavaScript switch语句</title>
<script type="text/javascript">
console.log("嗨客网(www.haicoder.net)");
var score = 70;
switch(score){
case 90:
case 85:
console.log("excellent");
break;
case 80:
case 70:
console.log("Good");
break;
case 60:
console.log("Pass");
break;
default:
console.log("Strive");
break;
}
</script>
</head>
</html>
程序运行后，控制台输出如下：
我们定义了一个整数变量 score，接着我们使用 switch 语句判断 score，如果是 90 或者 85，则输出 excellent，如果是 80 或者 70，则输出 Good，如果是 60，则输出 Pass，其他情况，输出 Strive。
因为，我们的值为 70，因此输出了 Good。
switch 语句的作用类似于 if 语句，用于基于不同条件执行不同动作，每一个 case 分支都是唯一的，从上至下逐一测试，直到匹配为止。
JavaScript 的 switch 语句如果匹配成功后，不需要继续匹配其他项，那么我们需要在每个项后面加 break 语句。
