赞
赏
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 语句。