web前端-javascript-switch条件分支语句(语法，执行流程，补充)

条件分支语句(switch 语句)

var num = 1;

/* if(num ==1){
  console.log("壹");
}else if(num ==2){
  console.log("贰");
}else if(num ==3){
  console.log("叁");
} */

num = "hello";

switch (num) {
  case 1:
    console.log("壹");
    //使用break可以来退出switch语句
    break;
  case 2:
    console.log("贰");
    break;
  case 3:
    console.log("叁");
    break;
  default:
    console.log("非法数字");
    break;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

1. 语法；

switch(条件表达式){
  case 表达式：
    语句...
    break;
  case 表达式：
    语句...
    break;
  case 表达式：
    语句...
    break;
  default:
    语句...
    break;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

2. 执行流程：

2.1. 在执行时会依次将 case 后的条件表达式的值和 switch 后的条件表达式的值进行全等比较

2.2. 如果比较结果为 true，则从当前 case 处开始执行代码

1. 当前 case 处的所有的代码都会执行，我们可以在 case 的后边跟着一个 break 关键字
2. 这样可以确保只执行当前 case 后的语句，而不会执行其他的 case

2.3. 如果比较结果为 false，则继续向下比较

2.4. 如果所有比较结果都为 false，则执行 default 后语句

3. 补充

1. switch 语句和 if 语句的功能实际上是有重复的，使用 switch 可以实现 if 的功能，

2. 同样使用 if 也可以实现 switch 的功能，所以我们在使用时可以根据自己的习惯选择

var num = 1;

if (num == 1) {
  console.log("壹");
} else if (num == 2) {
  console.log("贰");
} else if (num == 3) {
  console.log("叁");
}

num = "hello";

switch (num) {
  case 1:
    console.log("壹");
    //使用break可以来退出switch语句
    break;
  case 2:
    console.log("贰");
    break;
  case 3:
    console.log("叁");
    break;
  default:
    console.log("非法数字");
    break;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27