【18JavaScript switch 语句】JavaScript Switch 语句:条件分支的灵活利用

JavaScript Switch 语句

在JavaScript中,switch语句是一种条件语句,用于基于不同的条件值执行不同的代码块。它是一种优化过的if-else语句的替代方案。

基本语法

    
      switch (expression) {
        case value1:
          // 当expression的值等于value1时执行的代码
          break;
        case value2:
          // 当expression的值等于value2时执行的代码
          break;
        default:
          // 当expression的值与之前的case都不匹配时执行的代码
          break;
      }
    
  

switch语句由以下几个关键部分组成:

  • expression:表示要进行比较的表达式或值。
  • case:定义了与表达式进行比较的值。
  • break:用于在匹配到一个case后终止switch语句的执行。
  • default:当表达式的值与之前的case都不匹配时执行的代码块(可选)。

示例

    
      var day = new Date().getDay();
      var dayName;

      switch (day) {
        case 0:
          dayName = "Sunday";
          break;
        case 1:
          dayName = "Monday";
          break;
        case 2:
          dayName = "Tuesday";
          break;
        case 3:
          dayName = "Wednesday";
          break;
        case 4:
          dayName = "Thursday";
          break;
        case 5:
          dayName = "Friday";
          break;
        case 6:
          dayName = "Saturday";
          break;
        default:
          dayName = "Unknown";
          break;
      }

      document.getElementById("result").innerHTML = "Today is " + dayName;
    
  

上述示例中,我们使用switch语句根据当前日期的星期几,将对应的星期名称赋值给变量dayName,并将结果显示在页面上。

注意事项

在使用switch语句时,需要注意以下几点:

  • 每个case后面需要使用break语句来终止当前的代码块。否则,代码会继续执行下一个case,直到遇到break为止。
  • 如果省略了break语句,会导致switch语句执行完所有匹配的代码块。这种行为被称为"case穿透"。
  • 可以在switch语句中使用任何数据类型的表达式,包括数字、字符串、变量等。
  • 可以有多个case值匹配同一个代码块。
  • 如果所有的case都不匹配,并且存在default语句,则执行default代码块。

你可能感兴趣的:(JavaScript教程,javascript,前端,html)