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中会追加相应的文本。