JS switch语句详解，break和default的用法

switch语句

JavaScript中的switch语句，可以根据不同的case条件执行不同的程序。其语法如下：

switch(表达式) {
     case c1:
        代码块1
        break;
     case c2:
        代码块2
        break;
     ...
     case cn:
	代码块n
	break;
     default:
        默认代码块
}

如上语法，JavaScript中switch执行程序的逻辑是：将表达式的返回值按从上到下的顺序逐个与case的值cn进行对比，但类型和值都相同（用的是“===”比较运算符），程序将执行该case后面的代码块，并停止后面的比对，也不执行default后面的代码。如果case的值与表达式的值都不匹配，则执行default后面的默认代码。

---

switch语句实例代码，及在线编辑器

<input type='nubmer' id='e1'><button onclick='alertvalue()'>按钮</button>
<script>
  function alertvalue(){
    var value = document.getElementById('e1').value;
    switch(value){
      case '0':
        alert(0);
        break
      case '1':
        alert(1);
        break
      case '2':
        alert(2);
        break;
      default:
        alert(3);
    }
  }
  
</script>

试一试

实例代码提示

如上代码，应当注意的是，1、从input元素中获取的输入值一般为字符串string类型，而不是number或其它；2、case后面的值和表达式的值必须是值相同，类型也相同，才能匹配，所以实例中的case后面采用的字符串形式的值。

---

break的用法

JavaScript中的break关键词，可以用于跳出switch代码块，即遇到匹配的case之后，执行break，然后switch就停止，不再往后执行。break通常情况下是必须的，否则switch语句中的代码会在匹配到的case继续往后执行。

---

default的用法

default不是必须的，如果switch语句中表达式无法匹配到case中的值，就执行default后面的代码块，如果没有default，则不执行任何操作（如果case的值都不匹配的话）。

---