流程控制:分支,循环,continue,break

流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三种代码执行的顺序
1,顺序流程控制
顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。

2, 分支流程控制
分支结构由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果
JS 语言提供了两种分支结构语句:if 语句、switch 语句

1) if 语句
语法结构:// 条件成立执行代码,否则什么也不做
                 if (条件表达式) {
                           // 条件成立执行的代码语句
                 }

2) if else语句(双分支语句)
语法结构:// 条件成立  执行 if 里面代码,否则执行else 里面的代码
                 if (条件表达式) {
                         // [如果] 条件成立执行的代码
                  } else {
                        // [否则] 执行的代码
                  }

3) if else if 语句(多分支语句)
语法结构:  if (条件表达式1) {
                    语句1;
                 } else if (条件表达式2)  {
                    语句2;
                 } else if (条件表达式3)  {
                    语句3;
                      ....
                 } else {
                    // 上述条件都不成立执行此处代码
                 }

4)三元表达式
语法结构:表达式1 ? 表达式2 : 表达式3;
执行逻辑:如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值
简单理解:类似于 if  else(双分支)的简写(可替代if else)

5)switch分支流程控制
switch语句也是多分支语句,当要针对变量设置一系列的特定值的选项时,就可以使用 switch。
语法结构:switch( 表达式 ){ 
                       case value1:
                       // 表达式 等于 value1 时要执行的代码
                             break;
                       case value2:
                      // 表达式 等于 value2 时要执行的代码
                             break;
                             
                       default:
                       // 表达式 不等于任何一个 value 时要执行的代码
                   }

注意:1,关键字 switch 后面括号内可以是表达式或值, 通常是一个变量
      2,switch()和case里面的值相匹配的时候,必须是全等(值和数据类型一致)
      3,执行case里面的语句时,如果没有break,则继续执行下一个case里面的语句

switch 语句和 if else if 语句的区别:
1,一般情况下,它们两个语句可以相互替换
2,switch...case 语句通常处理 case为比较确定值的情况, 而 if…else…语句更加灵活,常用于范围判断(大于、等于某个范围)
3,switch 语句进行条件判断后直接跳到程序的条件语句那执行,效率更高。而if…else 语句有几种条件,就得判断多少次。
   当分支比较少时,if… else语句的执行效率比 switch语句高
   当分支比较多时,switch语句的执行效率比较高,而且结构更清晰

3,循环结构
1) for循环
语法结构:for(初始化变量; 条件表达式; 操作表达式 ){
                        //循环体
                 }

执行逻辑:初始化变量--条件表达式--循环体
                 --操作表达式--条件表达式--循环体
                 --操作表达式--条件表达式--循环体...(直到不满足条件表达式就退出循环)

本质理解:for循环可以理解为,在代号0,1,2...等数中这次循环要干什么

2),while循环
语法结构:while (条件表达式) {
                           // 循环体代码 
                  } 
执行逻辑:先执行条件表达式,如果结果为 true,则执行循环体代码;如果为 false,则退出循环,执行后面代码
注意:1,使用while 循环时,它必须要有退出条件或者break退出循环,否则会成为死循环
      2,在某个条件下一直循环就可以用while(与次数无关)

3),do-while循环
语法结构:do {
                       // 循环体代码 
                  } while(条件表达式);
执行逻辑:先执行一次循环体代码,再执行条件表达式,如果结果为 true,则执行循环体代码;如果为 false,则退出循环,执行后面代码
注意:do-while至少会执行一次循环体

for、while、do-while循环的区别:
1,很多情况下,三者可以相互替代
2,如果用来计次数,跟数字相关的,更喜欢用for(重点使用)
3,做更复杂的判断条件,更喜欢用while、do-while,比for灵活一些

4,关键字continue、break
1)ontinue 关键字用于立即跳出本次循环,继续下一次循环
如:吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个第5个包子
        for (var i = 1; i <= 5; i++) {
       if (i == 3) {
         console.log('这个包子有虫子,扔掉');
         continue; // 第三次跳出循环不打印
      }
      console.log('我正在吃第' + i + '个包子呢');
 }

2)break 关键字用于立即跳出整个循环(循环结束)
例如,吃5个包子,吃到第3个发现里面有半个虫子,其余的不吃了
     for (var i = 1; i <= 5; i++) {
     if (i == 3) {
         break; // 直接退出整个for 循环,跳到整个for下面的语句
     }
     console.log('我正在吃第' + i + '个包子呢');
   }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值