当前位置: 首页 > news >正文

【JavaScript速成之路】JavaScript流程控制

在这里插入图片描述

📃个人主页:「小杨」的csdn博客
🔥系列专栏:【JavaScript速成之路】

🐳希望大家多多支持🥰一起进步呀!


文章目录

  • 前言
    • 1,流程控制
    • 2,分支结构
      • 2.1,if语句
      • 2.2,if...else语句
      • 2.3,if...else if 语句
      • 2.4,switch 语句
    • 3,循环结构
      • 3.1,for语句
      • 3.2,while语句
      • 3.3,do...while语句
      • 3.4,continue关键字
      • 3.5,break关键字
  • 结语


前言

📜前言:小杨在上一篇带着大家一起学习了JavaScript中的运算符,想必大家对JavaScript的运算符已经有所了解了,那么今天我们将继续带着大家学习一下JavaScript中的流程控制的相关知识,希望大家收获多多!


1,流程控制

流程控制是指在一个程序流程执行的过程中,代码的执行顺序会直接影响执行结果,很多情况下我们需要通过控制代码的执行顺序来完成某种功能。

流程控制主要有3种结构,分别是顺序结构,分支结构和循环结构,这3种结构代表了代码的3种不同的执行顺序。

  • 顺序结构是程序中最基本的结构,程序会按照代码的先后顺序依次执行。
  • 分支结构用于根据条件来决定是否执行某个代码分支代码。常用的分支结构语句有if(单分支),if……else(双分支),if……else if(多分支)和switch(多分支)。
  • 循环结构用于根据条件来决定是否重复执行某一段代码。常用的循环结构语句有for,while,do……while语句。

2,分支结构

2.1,if语句

if语句也称条件语句或者单分支语句,根据不同的条件执行不同的代码,从而得到不同的结果。

语法格式:

if(条件表达式){//代码块
}

语法流程图:

image-20221009104625381


2.2,if…else语句

if…else语句也称双分支语句,当满足某种条件时,就进行某种处理,否则就进行另一种处理。

语法格式:

if(条件表达式){//代码块1
}else{//代码块2
}

语法流程图:


2.3,if…else if 语句

if…else if 语句也称多分支语句,可针对不同情况进行不同的处理。

语法格式:

if(条件表达式1){//代码段1
}else if(条件表达式2){//代码段2    
}
.....
else if(条件表达式n){//代码段n 
}else{//代码段n+1
}

语法流程图:


2.4,switch 语句

switch语句也称多分支语句,功能与if…else if 语句类似,不同的是它只能针对某个表达式的值做出判断,从而决定执行哪一段代码。

switch语句的特点是代码更加清晰简洁,便于阅读。

语法格式:

switch(表达式){case1:代码块1;break;case2:代码块2;break;....default:代码块n;
}

语法流程图:


3,循环结构

3.1,for语句

在程序中,一段被重复执行的语句称为循环体,能否重复执行,取决于循环的终止条件。

由循环体及循环的终止条件组成的语句称为循环语句。for语句是常用的循环语句,适用于循环次数已知的情况。

语法格式:

for(初始化变量;条件表达式;操作表达式){//循环体
}
  • 初始化变量用来初始化一个用来作为计数器的变量,通常使用var声明一个变量,并为变量赋一个初始值。
  • 条件表达式用来决定每一次寻黄2是否继续执行,也是循环的终止条件。
  • 操作表达式是每次循环最后执行的代码,通常用于对计数器变量进行更新(递增或递减)。

3.2,while语句

while语句可以在条件表达式为true的前提下,循环执行指定的一段代码,直到条件表达式为false时结束循环。

语法格式:

while(条件表达式){//循环体
}

3.3,do…while语句

do…while语句的功能与while语句相类似,区别在于,do…while会无条件地执行一次循环体的代码,然后再判断条件,根据条件决定是否继续执行循环,而while是先判断条件,再根据条件决定是否执行循环体。

语法格式:

do{//循环体
}while(条件表达式);

3.4,continue关键字

continue关键字可以在for,while以及do…while循环体中使用,作用是立即跳出本次循环,也就是跳过了continue后面的代码,继续下一次循环。


3.5,break关键字

break关键字可以在swith语句和循环体中使用,作用是立即跳出整个循环,也就是将循环结束,执行循环后面的代码。

break关键字还可以实现循环嵌套的多层跳转,跳转到指定的标签语句处。标签语句的语法:

label: statement

知识点:

  • 标签语句必须在使用之前定义,否则会出现找不到标签的情况。

结语

这就是本期博客的全部内容啦,想必大家已经对JavaScript中的流程控制的相关内容有了全新地认识和理解吧,如果有什么其他的问题无法自己解决,可以在评论区留言哦!

最后,如果你觉得这篇文章写的还不错的话或者有所收获的话,麻烦小伙伴们动动你们的小手,给个三连呗(点赞👍,评论✍,收藏📖),多多支持一下!各位的支持是我最大的动力,后期不断更新优质的内容来帮助大家,一起进步。那我们下期见!

在这里插入图片描述


http://www.lryc.cn/news/27132.html

相关文章:

  • 18、基准测试,sysbench
  • 3D,点云拼接2
  • jmeter学习笔记一(http基础知识)
  • 【Java】CompletableFuture 并发顺序调度
  • 职场人必备的6款实用办公app,每一款都是心头爱
  • 小丑改造计划之复习一
  • final修饰符使用中遇到的一些问题
  • 好记又实用的获取电脑型号方法
  • @Transactional配置详解
  • 性能测试面试题汇总
  • vue权限控制和动态路由
  • 利用正则表达式删掉代码中的所有注释-pycharm为例
  • 【java基础】内部类、局部内部类、匿名内部类、静态内部类
  • react renderProps学习记录
  • 关于tf.gather函数batch_dims参数用法的理解
  • 日常操作linux常用命令
  • 【Java集合框架】篇二:Collection接口方法
  • PHP入门指南:简单易学的语法和丰富的调试工具与安全性最佳实践
  • 前端面试题--HTML篇
  • SpringBoot集成ElasticSearch,实现模糊查询,批量CRUD,排序,分页,高亮
  • 常用Swagger注解汇总
  • 关于 TypeScript 声明文件
  • SpringBoot学习-原理篇
  • 目标检测YOLOv5数据集怎么找?
  • 安卓短信自动填充踩坑
  • 【抽象类和接口的区别】
  • 接口导出文件功能
  • 深圳大学计软《面向对象的程序设计》实验9 期中复习
  • python之异步编程
  • 为什么很多计算机专业大学生毕业后还会参加培训?