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 停止当前循环体代码的执行,继续执行循环结构后续代码
相关推荐
还是鼠鼠1 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
还是鼠鼠4 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
轻口味4 小时前
Vue.js `Suspense` 和异步组件加载
前端·javascript·vue.js
还是鼠鼠6 小时前
图书管理系统 Axios 源码__编辑图书
前端·javascript·vscode·ajax·前端框架
北极象6 小时前
vue3中el-input无法获得焦点的问题
前端·javascript·vue.js
GISer_Jing6 小时前
react redux监测值的变化
前端·javascript·react.js
m0_528723817 小时前
react中useEffect的使用
前端·javascript·react.js
Real_man7 小时前
noVNC 技术解析与最佳实践
javascript
大模型铲屎官8 小时前
HTML从入门到精通:链接与图像标签全解析
开发语言·前端·javascript·html·编程·链接标签·图像标签
大模型铲屎官8 小时前
HTML 列表标签全解析:无序与有序列表的深度应用
前端·javascript·html·有序列表·列表标签·无序列表