前言
JavaScript是一种广泛应用于网页开发的脚本语言，它具有灵活的语法和强大的功能。在JavaScript中，有许多控制结构可以帮助我们根据不同的条件执行不同的代码块。本教程将重点介绍两种常用的控制结构：Switch分支与While循环。Switch分支主要用于根据不同的条件进行分支选择，而While循环则用于在满足一定条件的情况下重复执行某段代码。
一、Switch分支
1.1 switch基本结构
Switch分支是一种条件分支结构，它根据表达式的值从一系列的选项中选择执行的代码块。它可以替代多个嵌套的if…else if…else语句，使代码更加简洁易读。
使用Switch分支的一般语法如下：
switch (expression) { case value1: // 当expression等于value1时执行的代码块 break; case value2: // 当expression等于value2时执行的代码块 break; ... default: // 当expression与所有case的值都不匹配时执行的代码块 }
其中每个后面是冒号的":"，他就是一个标签
1.2 break语句
break: 在JavaScript中，break关键字用于终止循环或者switch语句，并跳出当前的代码块。主要有以下两个用途：
在循环中：当某个条件满足时，可以使用break语句立即退出当前的循环，不再执行循环中剩余的代码，执行流会跳到当前循环外的下一条语句。
1.3 default标签
switch的default: default关键字在switch语句中用作备用的分支，当没有符合任何case条件时执行。在switch语句中，可以定义一个default分支，它是可选的，意味着没有匹配到任何case时会执行default语句块。
示例：
let color = "yellow"; switch (color) { case "red": console.log("Red color"); break; case "blue": console.log("Blue color"); break; default: console.log("Unknown color"); }
上述代码将输出：“Unknown color”
在上面的示例中，由于color的值是"yellow"，没有匹配到任何case条件，因此执行了default语句块中的代码。
1.4 下面是几个Switch分支的示例代码：
示例1: 根据星期数输出对应的中文星期名称
let day = 3; switch (day) { case 1: console.log("星期一"); break; case 2: console.log("星期二"); break; case 3: console.log("星期三"); break; case 4: console.log("星期四"); break; case 5: console.log("星期五"); break; case 6: console.log("星期六"); break; case 7: console.log("星期日"); break; default: console.log("无效的星期数"); }
示例2: 根据用户输入的颜色选择执行不同的操作
let color = "blue"; switch (color) { case "red": console.log("你选择了红色"); break; case "blue": console.log("你选择了蓝色"); break; case "green": console.log("你选择了绿色"); break; default: console.log("无效的颜色选择"); }
二、While循环：
2.1 while循环基本格式
While循环是一种在给定条件为真时重复执行代码块的循环结构。它会在每次迭代之前检查条件是否满足，如果条件为真，则执行代码块，直到条件为假才停止循环。
使用While循环的一般语法如下：
while (condition) { // 符合条件时执行的代码块 }
while循环可以搭配break;和continue;语句来使用.
2.2 continue;语句
continue关键字用于终止当前循环的当前迭代，并立即开始下一次循环的迭代。主要用于跳过循环体中某些特定条件下的代码执行。
示例：
let a = 0 while(a < 5) { if(a == 3) continue; console.log(a) }
下面是几个While循环的示例代码：
2.3 示例1: 输出从1到10的整数
let i = 1; while (i <= 10) { console.log(i); i++; }
2.4 示例2: 计算给定数字的阶乘
let num = 5; let factorial = 1; while (num >= 1) { factorial *= num; num--; } console.log(factorial);
总结
Switch分支和While循环是JavaScript中常用的控制结构。Switch分支可以根据不同的条件选择执行不同的代码块，使代码更加简洁易读。而While循环可以在满足条件的情况下重复执行代码块，用于处理需要重复操作的情况。通过这两种控制结构，我们能够更好地掌握JavaScript的流程控制能力，提高代码的效率和可读性。
希望本教程能够帮助你理解和应用JavaScript中的Switch分支和While循环。如有疑问，请随时提问。继续探索和学习JavaScript的世界吧！
