JavaScript教程-JavaScript开关语句

JavaScript switch语句用于根据多个表达式中的一个表达式来执行一段代码。它类似于我们在之前页面学习的else if语句。但是它比if..else..if更方便,因为它可以与数字、字符等一起使用。
JavaScript switch语句的语法如下:
switch (expression) {
case value1:
// 要执行的代码
break;
case value2:
// 要执行的代码
break;
// 更多case
default:
// 如果上述值都不匹配要执行的代码
}
让我们看一个简单的JavaScript switch语句示例。
<script>
var grade = 'B';
var result;
switch (grade) {
case 'A':
result = "A Grade";
break;
case 'B':
result = "B Grade";
break;
case 'C':
result = "C Grade";
break;
default:
result = "No Grade";
}
document.write(result);
</script>
以上示例的输出结果
B Grade
注意:switch语句具有“穿透”效果,即如果您不使用break语句,所有case都将被执行。
让我们了解JavaScript switch语句的行为。
javascriptCopy code<script>
var grade = 'B';
var result;
switch (grade) {
case 'A':
result += " A Grade";
case 'B':
result += " B Grade";
case 'C':
result += " C Grade";
default:
result += " No Grade";
}
document.write(result);
</script>
以上示例的输出结果
undefined B Grade C Grade No Grade
在这个示例中,由于没有使用break语句,所有的case都被执行。如果grade为'B',那么'A'和'B'之后的代码都会被执行,并且在result中会追加相应的文本。