JavaScript系列之基础篇

Posted 2021-06-29 coderkey

五，流程控制分支结构导读

1，流程控制

1.1，流程控制概述

（1）含义：

在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。
简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行。
流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。

2，顺序流程控制

2.1，顺序结构

（1）含义：

顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。

3，分支流程控制if语句

3.1，分支结构

（1）含义：

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码(执行代码多选一的过程) ，从而得到不同的结果。

3.2，if 语句（分支语句）

（1）语法结构：

  if  (条件表达式）{   
            //条件成立执行的代码语句
   }

3.3，if else语句（双分支语句）

（1）语法结构：

  //条件成立，执行if里面代码，否则执行else里面的代码
   if  (条件表达式）{   
            //（如果）条件成立执行的代码语句
   }  else {
       //（否则）执行的代码
   }

3.4，if else if 语句（多分支语句）

（1）语法结构：

   //条件成立，执行if里面代码，否则执行else里面的代码
   if  (条件表达式1）{   
            // 条件成立执行的代码语句
   }  else if  (条件表达式2）{   
            //条件成立执行的代码语句
   }  else if  (条件表达式2）{   
            //条件成立执行的代码语句
   } else {
       //上面都不成立，就执行这里的代码
   }

4，三元表达式

4.1，三元表达式概述

（1）含义：

三元表达式也能做一些简单的条件选择，有三元运算符组成的式子称为三元表达式。

（2）语法结构：

条件表达式 ？ 表达式1 ： 表达式2

（3）注意：

如果条件表达式结果为真，则返回表达式1的值，如果条件表达式结果为假，返回表达式2的值。

（4）例如：

  var num = 10；
  var result = num > 5   ?   '是的'   :   '不是的';    //表达式是有返回值的
  console.log(result);

5，分支流程控制 switch 语句

5.1，Switch 语句

（1）含义：

switch语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的（固定）特定值的选项时，就可以使用switch。

（2）语法结构：

  switch（表达式）{
          case  value1：
            // 执行语句1            表达式等于value1时要执行的代码
            break；   
          case  value2：
            // 执行语句2            表达式等于value2时要执行的代码
            break；
          …
          default：
           //                表达式不等于任何一个value时要执行的代码
    }

（3）注意：

1，利用我们的表达式的值和case后面的选项值相匹配，如果匹配上，就执行该case里面的语句，如果都没有匹配上，那么执行default里面的语句。
2，在开发中，表达式经常写成变量。且值相匹配时，必须值和数据类型相一致。
3，如果当前的case里面没有break，则不会退出Switch语句，是继续执行下一个case，然后之前的值都会输出，不管符不符合，直到遇到break或者执行完整个语句。

---

六，流程控制循环结构导读

1，循环流程控制 for 语句

1.1，循环结构

（1）含义：

在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。

1.2，for 循环语句

（1）含义：

主要用于重复执行某些代码，通常跟计数有关系。

（2）语法结构：

  for（初始化变量；条件表达式；操作表达式）{
   //循环体
   }

（3）注意：

1，初始化变量就是用var声明的一个普通变量, 通常用于作为计数器使用。
2，条件表达式就是用来决定每一次循环是否继续执行就是终止的条件。
3，操作表达式是每次循环最后执行的代码经常用于我们计数器变量进行更新(递增或者递减)

1.3，双重 for 循环

（1）含义：

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句我们称之为双重for循环。

（2）语法结构：

   for（外层初始化变量；外层条件表达式；外层操作表达式）{
          for（里层初始化变量；里层条件表达式；里层操作表达式）{
                  //执行语句；
          }
    }

（3）例如：

for  (var  i = 1;  i <= 3;  i++)  {
          console.log('这是外层循环第'  +  i  +  '次');
         for  (var  j= 1;  j <= 3;  j++)  {
                 console.log('这是里层循环第'  +  j  +  '次');
                }
     }

（4）注意：

外层的循环一次，里层的循环执行全部。

2，循环流程控制 while 语句

2.1，while 循环语句

（1）语法结构：

  while（条件表达式）{
          //循环体
       操作表达式
   }

（2）例如：

   var  num = 1；
   while（num <= 100） {
          console.log('hello world');
          num++;
   }

（3）注意：

1，当条件表达式结果为true时，则执行循环体，否则退出循环。
2，里面也有计数器（初始化变量）。
3，里面也有操作表达式，完成计数器的更新，防止死循环。

2.2，do while 循环语句

（1）含义：

do… while语句其实是while语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。

（2）语法结构：

  do  {
         //循环体代码 
         操作表达式
  }  while（条件表达式）

（3）例如：

  var  num = 1；
   do {
          console.log('hello world');
          num++;
   } while（num <= 100）

（4）注意：

do while循环语句至少会执行一次循环体代码。

3，continue和break

3.1，continue 关键字

（1）含义：

continue 关键字用于立即跳出本次循环，继续下一次循环。

（2）语法：

  for （var i = 1；i <= 5; i++) {
          if（i ==3）{
             continue；  //只要遇到continue就退出本次循环，立即跳到i++
         }
        console.log(i);   //  1  2   4  5
     }

（3）注意：

continue关键字，退出本次（当前次的循环），继续执行剩余次数的循环。

3.2，break 关键字

（1）含义：

break关键字用于立即跳出（结束）整个循环。

（2）语法：

 for （var i = 1；i <= 5; i++) {
          if（i ==3）{
            break；
         }
        console.log(i);   //  1  2   
     }

---