流程控制可以分为三种结构，分别是：顺序结构、分支结构、循环结构

一、分支结构

1-1 if语句

语法结构

  1. if (/* 条件表达式 */) {
  2.   // 执行语句
  3. }
  5. if (/* 条件表达式 */){
  6.   // 成立执行语句
  7. } else {
  8.   // 否则执行语句
  9. }
  11. if (/* 条件1 */){
  12.   // 成立执行语句
  13. } else if (/* 条件2 */){
  14.   // 成立执行语句
  15. } else if (/* 条件3 */){
  16.   // 成立执行语句
  17. } else {
  18.   // 最后默认执行语句
  19. }

1-2 switch语句

语法结构

  1. switch (expression) {
  2.   case 常量1:
  3.     语句;
  4.     break;
  5.   case 常量2:
  6.     语句;
  7.     break;
  8.   case 常量3:
  9.     语句;
  10.     break;
  11.   …
  12.   case 常量n:
  13.     语句;
  14.     break;
  15.   default:
  16.     语句;
  17.     break;
  18. }

Tip：

  • break可以省略，如果省略，代码会继续执行下一个case
  • switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串’10’ 不等于数值 10）


二、循环结构

在javascript中，循环语句有三种，while、do..while、for循环。

2-1 while语句

基本语法

  1. // 当循环条件为true时，执行循环体，
  2. // 当循环条件为false时，结束循环。
  3. while (循环条件) {
  4.   //循环体
  5. }

示例代码：

  1. // 计算1-100之间所有数的和
  2. // 初始化变量
  3. var i = 1;
  4. var sum = 0;
  5. // 判断条件
  6. while (i <= 100) {
  7.   // 循环体
  8.   sum += i;
  9.   // 自增
  10.   i++;
  11. }
  12. console.log(sum);

2-2 do…while语句

do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。

基本语法：

  1. do {
  2.   // 循环体;
  3. } while (循环条件);

示例代码：

  1. // 初始化变量
  2. var i = 1;
  3. var sum = 0;
  4. do {
  5.   sum += i;//循环体
  6.   i++;//自增
  7. } while (i <= 100);//循环条件

2-3 for语句

while和do…while一般用来解决无法确认次数的循环。for循环一般在循环次数确定的时候比较方便

基本语法：

  1. // for循环的表达式之间用的是;号分隔的，千万不要写成,
  2. for (初始化表达式1; 判断表达式2; 自增表达式3) {
  3.   // 循环体4
  4. }

2-4 continue和break

  • break: 立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）
  • continue: 立即跳出当前循环，继续下一次循环（跳到i++的地方）