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 停止当前循环体代码的执行,继续执行循环结构后续代码
相关推荐
芳草萋萋鹦鹉洲哦7 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
1***s6328 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿8 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶8 小时前
移动端平板打开的三种模式。
前端·javascript
U***49838 小时前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js
老前端的功夫9 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化
颜酱10 小时前
Monorepo 架构以及工具选型、搭建
前端·javascript·node.js
X***489611 小时前
JavaScript在Node.js中的Nx
javascript·node.js·vim
o***Z44811 小时前
JavaScript在Node.js中的内存管理
开发语言·javascript·node.js
我命由我1234511 小时前
微信开发者工具 - 模拟器分离窗口与关闭分离窗口
前端·javascript·学习·微信小程序·前端框架·html·js