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 停止当前循环体代码的执行,继续执行循环结构后续代码
相关推荐
Beginner x_u7 小时前
JavaScript 核心知识索引(面试向)
开发语言·javascript·面试·八股
~小仙女~7 小时前
组件的二次封装
前端·javascript·vue.js
白日梦想家6817 小时前
JavaScript性能优化实战系列(三篇完整版)
开发语言·javascript·性能优化
2501_944448007 小时前
Flutter for OpenHarmony衣橱管家App实战:预算管理实现
前端·javascript·flutter
2501_944448007 小时前
Flutter for OpenHarmony衣橱管家App实战:意见反馈功能实现
android·javascript·flutter
笨蛋不要掉眼泪7 小时前
Redis持久化解析:RDB和AOF的对比
前端·javascript·redis
心.c7 小时前
Vue3+Node.js实现文件上传分片上传和断点续传【详细教程】
前端·javascript·vue.js·算法·node.js·哈希算法
妙团团7 小时前
React学习之自定义tab组合组件
javascript·学习·react.js
2601_949809597 小时前
flutter_for_openharmony家庭相册app实战+隐私设置实现
android·javascript·flutter
2601_949593657 小时前
React Native 鸿蒙跨平台开发:LinearGradient 渐变动画效果
javascript·react native·react.js