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 停止当前循环体代码的执行,继续执行循环结构后续代码
相关推荐
还是大剑师兰特4 分钟前
什么是尾调用,使用尾调用有什么好处?
javascript·大剑师·尾调用
Watermelo61725 分钟前
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
开发语言·前端·javascript·算法·数据挖掘·数据分析·ecmascript
一个处女座的程序猿O(∩_∩)O3 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
燃先生._.9 小时前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖10 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
black^sugar11 小时前
纯前端实现更新检测
开发语言·前端·javascript
2401_8576009512 小时前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_8576009512 小时前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL12 小时前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js