如何在JavaScript中使用switch-case语句？代码示例

在上一篇文章中, 我们了解了使用if-else语句在JavaScript中进行决策的方法。JavaScript中的if-else语句。在上一篇文章中我们已经看到, 我们可以使用if-else语句根据某些特定条件执行操作。也就是说, 如果条件为true, 则执行某些任务；否则, 如果条件为false, 则执行其他任务。

JavaScript中的switch case语句也用于决策制定。在某些情况下，使用switch case语句比使用if-else语句更方便。考虑这样一种情况，当我们想要测试一个变量的上百个不同的值，并且基于这个测试，我们想要执行一些任务。使用if-else语句来实现这个目的比switch case语句的效率要低，而且它还会使代码看起来很混乱。

switch case语句是多路分支语句。它提供了一种简单的方法, 可以根据表达式的值将执行分派到代码的不同部分。

语法:

switch (expression)
{
    case value1:
        statement1;
        break;
    case value2:
        statement2;
        break;
    .
    .
    case valueN:
        statementN;
        break;
    default:
        statementDefault;
}

说明：

• 表达可以是数字或字符串类型。
• 一式两份案件值是不允许的。
• default语句是可选的。如果传递给switch的表达式在任何情况下都不与值匹配, 则将执行默认情况下的语句。
• break语句在switch内部用于终止语句序列。
• break语句是可选的。如果省略, 将继续执行下一种情况。

流程图:

例子：

<script type = "text/javascript" >
  
     // JavaScript program to illustrate switch-case
     let i = 9; 
    
     switch (i)  
     { 
        case 0: 
            console.log( "i is zero." ); 
            break ; 
        case 1: 
            console.log( "i is one." ); 
            break ; 
        case 2: 
            console.log( "i is two." ); 
            break ; 
        default : 
            console.log( "i is greater than 2." ); 
     }
  
</script></div>

输出如下：

i is greater than 2.

更多前端开发相关内容请参考：lsbin - IT开发技术：https://www.lsbin.com/

查看以下更多JS相关的内容：

• 2021年十大Web开发趋势详细指南：https://www.lsbin.com/1943.html
• 学习TypeScript的5个理由：https://www.lsbin.com/2760.html
• 如何使用JavaScript从html输入数组获取值？：https://www.lsbin.com/868.html