JavaScript 流程控制

JavaScript 流程控制

通过一些特定的语句,让程序按照我们需要的方式顺序执行、选择执行或者重复执行

顺序结构

按照位置,从上往下一条语句一条语句执行

选择结构

按照给定的一个或者多个条件选择某些语句执行某些语句不执行

分支结构

  • 单路分支

根据某个条件决定某些语句是否执行

javascript 复制代码
   if(条件-表达式){
       条件满足时要执行的语句
   }
  • 双路分支

根据某个条件决定执行哪些语句

javascript 复制代码
   if(条件-表达式){
       当表达式为真时要执行的语句
   }else{
       当表达式为假时要执行的语句
   }
  • 多路分支

根据多个条件决定当前执行哪一部分语句 多个条件满足的情况一定是互斥的

javascript 复制代码
   if(条件-表达式1){
       当表达式1的值为真时要执行的语句
   }else if(条件-表达式2){
       当表达式2的值为真时要执行的语句
   }else if(条件-表达式3){
       当表达式3的值为真时要执行的语句
   }else{
    //  可有可无
   }
  • 嵌套分支

满足外层条件的基础上,可以继续进行进一步的判断处理 符合逻辑

javascript 复制代码
   if(条件-表达式){
       if(条件-表达式){
           
       }if(条件-表达式){
          
       }
   }

条件结构

根据某个表达式的值决定执行哪一部分代码

javascript 复制代码
   switch(表达式){
     case 值1:
        当表达式的值为值1时要执行的代码
        break;
     case 值2:
         当表达式的值为值2时要执行的代码
         break;
     case 值3:
         当表达式的值为值3时要执行的代码
         break;
     default:可有可无的, 当表达式的值不是以上任意一个值的时候要执行的代码
   }
   switch(表达式){
      case 值1:
      case 值2:
      case 值3:
           当表达式的值为以上三个之一时要执行的代码
           break;
      case 值4:
   }

循环结构

根据指定的条件,有限次的重复执行对应的代码

javascript 复制代码
   for(声明一个变量并赋值;关系运算表达式;步进值){
         执行对应的代码
   }

根据指定的条件,未知次数的重复执行对应的代码 ------不断重复执行的判断

javascript 复制代码
  while(判断的条件){
     条件满足时要执行的代码(执行完成之后会重复判断,直到不满足条件)
  }
  
  do{
       条件满足时要执行的代码(执行完成之后会重复判断,先执行一次语句在进行判断)
  }while(判断条件);
  • continue 停止当前循环体代码的执行,如果下次满足条件则继续执行下一次
  • break 停止当前循环体代码的执行,继续执行循环结构后续代码
相关推荐
终端鹿19 小时前
Vue2 迁移 Vue3 避坑指南
前端·javascript·vue.js
进击的尘埃19 小时前
Signals 跨框架收敛:TC39 提案、Solid、Angular、Preact 的实现差异与调度策略对比
javascript
进击的尘埃20 小时前
从多仓到 Monorepo 的渐进式迁移:Git 历史保留、依赖收敛与缓存调优
javascript
SuperEugene20 小时前
TypeScript+Vue 实战:告别 any 滥用,统一接口 / Props / 表单类型,实现类型安全|编码语法规范篇
开发语言·前端·javascript·vue.js·安全·typescript
gis开发21 小时前
cesium 中添加鹰眼效果
前端·javascript
bluceli1 天前
JavaScript动态导入与代码分割:优化应用加载性能的终极方案
javascript
kyriewen1 天前
原型与原型链:JavaScript 的“家族关系”大揭秘
前端·javascript·ecmascript 6
滴滴答答哒1 天前
layui表格头部按钮 加入下拉选项
前端·javascript·layui
乌索普-1 天前
基于vue2的简易购物车
开发语言·前端·javascript
走粥1 天前
使用indexOf查找对象结合Pinia持久化引发的问题
开发语言·前端·javascript