当前位置: 首页 > 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中的流程控制的相关内容有了全新地认识和理解吧,如果有什么其他的问题无法自己解决,可以在评论区留言哦!

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

在这里插入图片描述


相关文章:

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

📃个人主页:「小杨」的csdn博客 🔥系列专栏:【JavaScript速成之路】 🐳希望大家多多支持🥰一起进步呀! 文章目录前言1,流程控制2,分支结构2.1,if语句2.2&…...

18、基准测试,sysbench

基准测试,sysbench 1. sysbench1.1 用途1.2 安装1.3 版本1.4 查看帮助1.5 测试过程阶段2 CPU 性能测试2.1 测试原理2.2 查看帮助2.3 测试3. 内存性能测试3.1 查看帮助信息3.2 测试过程4.磁盘性能基准测试4.1 查看帮助4.2 生成文件(prepare)4.3 测试文件io(run)4.4 结果分析4.5…...

3D,点云拼接2

文章目录 点云配准方法自动配准技术PCL实现的配准算法两两配准1.关键点提取2.特征描述符3. 对应关系估计4. 对应关系去除5. 变换矩阵估算在上篇文章中对于拼接的概念、拼接精度的评价做了详细的介绍。本文是对拼接(配准)的进一步介绍,涉及更多原理层面的东西。 主要围绕以下三…...

jmeter学习笔记一(http基础知识)

HTTP请求:客户端同通过发送http请求向服务器请求资源的访问。http请求由三部分组成:请求行、请求头、请求正文 ​ 请求行包括:请求方法 URI 协议/版本 ​ 请求头:Content-type、Cookie、Authorization、User-Agent、Accept、Acc…...

【Java】CompletableFuture 并发顺序调度

前言 Java CompletableFuture 提供了一种异步编程的方式,可以在一个线程中执行长时间的任务,而不会堵塞主线程。 和Future相比,CompletableFuture不仅实现了Future接口,也实现了 CompletionStage接口。Future接口不用多说&#…...

职场人必备的6款实用办公app,每一款都是心头爱

打工人不容易啊,不提高工作效率怕是要被淘汰了。今天给大家分享6款职场人必备的实用办公APP,免费效率神器让工作事半功倍。这些APP每一款都是我的心头爱,肯定会让人大开眼界的,超级实用,直接往下看吧。1、向日葵远程控…...

小丑改造计划之复习一

1.函数重载 根据参数个数 参数顺序 参数类型 的不同 可以在同一个域存在多个同名函数 但是不可以根据返回值 缺省参数的不同去重载函数 2.指针和引用的区别 第一点 指针是内存地址,会开辟内存空间,而引用和它所引用的变量共享同一块内存 第二点 引用必须…...

final修饰符使用中遇到的一些问题

文章目录final修饰符1. final不能用来修饰构造方法2. final修饰变量的一些注意问题2.1 final修饰成员变量2.2 final修饰引用类型2.2.1 演示代码中lombok链式编程介绍final修饰符 final具有“不可改变”的含义,它可以修饰非抽象类、非抽象成员方法和变量。 用final…...

好记又实用的获取电脑型号方法

个人常用的方法 方法二最好记又好用。 方法一 dxdiag命令 按下键盘WINR调出运行在输入框输入dxdiag命令后,按下回车;进入DirectX诊断工具,便可查看系统型号等信息。 这里就会显示系统型号。 方法二 设备和打印机 控制面板-查看方式-小图…...

@Transactional配置详解

一:事务注解Transactional,属性propagation的7个配置 PROPAGATION_REQUIRED -- 支持当前事务,如果当前没有事务,就新建一个事务。,默认配置,也是常用的选择。 PROPAGATION_SUPPORTS -- 支持当前事务&#…...

性能测试面试题汇总

稳定性测试的怎么挑选的接口? 1、频繁使用的接口:选择那些被频繁使用的接口,因为这些接口可能会面临更大的负载和并发访问,从而可能导致性能问题。 2、核心功能接口:选择那些实现系统核心功能的接口,因为这…...

vue权限控制和动态路由

思路 登录:当用户填写完账号和密码后向服务端验证是否正确,验证通过之后,服务端会返回一个token,拿到token之后(我会将这个token存贮到localStore中,保证刷新页面后能记住用户登录状态)&#xf…...

利用正则表达式删掉代码中的所有注释-pycharm为例

首先删除注释 打开您想要删除注释的Python文件。 使用快捷键 Ctrl Shift R 打开 "Replace in Files"(在文件中替换)对话框。 在 "Find"(查找)框中输入以下正则表达式,以查找所有行中的注释内容…...

【java基础】内部类、局部内部类、匿名内部类、静态内部类

内部类 内部类就是定义在另一个类中的类。我们使用内部类的原因主要有以下两点 内部类可以对同一个包中的其他类隐藏内部类方法可以访问定义这个类的作用域中的数据,包括原本私有的数据 public class A {class B {} }我们使用内部类可以访问外部类的所有属性&…...

react renderProps学习记录

react renderProps学习记录1.引入2.改一下呢3.再改一下呢4.总结一下如何向组件内部动态传入带内容的结构(标签)?children propsrender props1.引入 上代码: import React, { Component } from react import ./index.css export default class Parent extends Com…...

关于tf.gather函数batch_dims参数用法的理解

关于tf.gather函数batch_dims参数用法的理解0 前言1. 不考虑batch_dims2. 批处理(考虑batch_dims)2.1 batch_dims12.2 batch_dims02.3 batch_dims>22.4 batch_dims再降为12.5 再将axis降为12.6 batch_dims<02.7 batch_dims总结3. 补充4. 参数和返回值5. 其他相关论述6. 附…...

日常操作linux常用命令

cd /mnt/opt/cqstt/logs/stt-erp docker logs -f --tail1000 stt-erp # 查看物理CPU个数 cat /proc/cpuinfo| grep "physical id"| sort| uniq| wc -l # 查看每个物理CPU中core的个数(即核数) cat /proc/cpuinfo| grep "cpu cores"| uniq # 查看逻辑CPU的…...

【Java集合框架】篇二:Collection接口方法

JDK不提供此接口的任何直接实现类&#xff0c;而是提供更具体的子接口&#xff08;如&#xff1a;Set和List&#xff09;去实现。 Collection 接口是 List和Set接口的父接口&#xff0c;该接口里定义的方法既可用于操作 Set 集合&#xff0c;也可用于操作 List 集合。方法如下…...

PHP入门指南:简单易学的语法和丰富的调试工具与安全性最佳实践

PHP是一种非常流行的服务器端编程语言&#xff0c;它被广泛地应用于Web开发中。如果您想学习Web开发&#xff0c;那么PHP是一个非常好的选择。在本文中&#xff0c;我将介绍PHP的一些基础知识&#xff0c;包括语法、变量、函数、数组、数据库连接、调试和安全性等。PHP的语法PH…...

前端面试题--HTML篇

一、src和href的区别src指向外部资源的位置&#xff0c;指向的内容会嵌入到文档中当前标签所在的位置&#xff1b;href指向网络资源的位置&#xff0c;建立和当前元素或当前文档之间的链接。二、对HTML语义化的理解根据内容的结构化&#xff0c;选择合适的标签。优点&#xff1…...

SpringBoot集成ElasticSearch,实现模糊查询,批量CRUD,排序,分页,高亮

导入elasticsearch依赖在pom.xml里加入如下依赖&#xff1a;<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-elasticsearch</artifactId> </dependency>非常重要&#xff1a;检查依赖版本…...

常用Swagger注解汇总

常用Swagger注解汇总 前言 在实际编写后端代码的过程中&#xff0c;我们可能经常使用到 swagger 注解&#xff0c;但是会用不代表了解&#xff0c;你知道每个注解都有什么属性吗&#xff1f;你都用过这些属性吗&#xff1f;了解它们的作用吗&#xff1f;本文在此带大家总结一下…...

关于 TypeScript 声明文件

declare var 声明全局变量declare function 声明全局方法declare class 声明全局类declare enum 声明全局枚举类型declare namespace 声明&#xff08;含有子属性的&#xff09;全局对象interface 和 type 声明全局类型export 导出变量export namespace 导出&#xff08;含有子…...

SpringBoot学习-原理篇

SpringBoot原理篇springboot技术本身就是为了加速spring程序的开发的&#xff0c;可以大胆的说&#xff0c;springboot技术没有自己的原理层面的设计&#xff0c;仅仅是实现方案进行了改进。将springboot定位成工具&#xff0c;你就不会去想方设法的学习其原理了。就像是将木头…...

目标检测YOLOv5数据集怎么找?

完整的配置-标注-训练-识别在我这篇博客小白YOLOv5全流程-训练实现数字识别_yolov5数字识别_牛大了2022的博客-CSDN博客 模型部分剖析可以看我每周深度学习笔记部分。关于训练的数据集怎么搞很多人问过我&#xff0c;我在这篇文章给大家一点我的经验和建议。 数据集是什么 简…...

安卓短信自动填充踩坑

安卓短信自动填充踩坑 前言 最近弄了个短信自动填充功能&#xff0c;一开始觉得很简单&#xff0c;不就是动态注册个广播接收器去监听短信消息不就可以了吗&#xff1f;结果没这么简单&#xff0c;问题就出在机型的适配上。小米的短信权限、荣耀的短信监听都是坑&#xff0c;…...

【抽象类和接口的区别】

抽象类和接口都是Java中实现多态的机制&#xff0c;它们都是用来约束子类必须要实现的方法。但是它们有以下区别&#xff1a; 实现方式 实现方式&#xff1a;抽象类是一个类&#xff0c;而接口是一个接口。一个类只能继承一个抽象类&#xff0c;但可以实现多个接口。 构造方…...

接口导出文件功能

1.写接口 export function getExport(params) { return fetch({ url: ******.export, method: post, data: params, responseType:blob, }) } 2.编写前端页面 <el-button :loading"exportDisable" :disabled&quo…...

深圳大学计软《面向对象的程序设计》实验9 期中复习

A. 机器人变身&#xff08;类与对象&#xff09;【期中模拟】 题目描述 编写一个机器人类&#xff0c;包含属性有机器名、血量、伤害值、防御值、类型和等级。其中血量、伤害和防御和等级、类型相关&#xff1a; 普通型机器人&#xff0c;类型为N&#xff0c;血量、伤害、防…...

python之异步编程

一、异步编程概述 异步编程是一种并发编程的模式&#xff0c;其关注点是通过调度不同任务之间的执行和等待时间&#xff0c;通过减少处理器的闲置时间来达到减少整个程序的执行时间&#xff1b;异步编程跟同步编程模型最大的不同就是其任务的切换&#xff0c;当遇到一个需要等…...

凡客诚品是什么/seo网站优化平台

试验网站#1搜索引擎优化收录情况记录日期Yahoogooglebaidusogou每日收录每日收录增量每日收录每日收录增量每日收录每日收录增量每日收录每日收录增量2007-6-24288 333 1060 4813 2007-6-25164013523330108020481302007-6-26空间超过本月流量限制……&#xff0c;快到月底了…...

营销型企业网站建设教案/百度引擎的搜索方式是什么

首先创建二叉树&#xff0c;然后对二叉树遍历进行了单元测试。只要将相应的注释取消&#xff0c;便可以成功运行。 /******************************************** 二叉树遍历前序、中序、后序的递归和非递归实现 ********************************************/ #include<…...

重庆做公司网站/有哪些网络营销公司

嗜欲深者天机浅&#xff0c;嗜欲浅者天机深 易经基础知识 一、易经的创作过程 三个阶段&#xff1a;阴阳概率的产生、八卦创立、重卦并撰成卦爻辞。&#xff08;一&#xff09;一阴一阳之谓道&#xff08;阴阳&#xff09; 太极生两仪&#xff0c;两仪就是阴阳。人世间的一切事…...

公司网站备案信息查询/seow

目前&#xff0c;Python版本中关于保留指定小数位数的常用方法有以下几种&#xff1a;1. 使用round()内置函数print(round(1.234, 2))输入结果为&#xff1a;1.23round()函数中的第一个变量为需要保留指定位数的小数&#xff0c;第二个变量为指定要保留的位数(如上例保留两位小…...

网站建设的硬件支持/北京seo收费

[飞鸟各投林] 为官的家业雕零&#xff0c;富贵的金银散尽。有恩的死里逃生&#xff0c;无情的分明报应。欠命的命已还&#xff0c;欠泪的泪已尽&#xff1a;冤冤相报自非轻&#xff0c;分离聚合皆前定。欲知命短问前生&#xff0c;老来富贵也真侥幸&#xff0c;看破的遁入空门…...

网站制作的文章/国内永久免费的云服务器

原标题&#xff1a;TVS管特性曲线、参数说明及应用TVS管的英文名是TRANSIENT VOLTAGE SUPPRESSOR&#xff0c;中文名叫瞬变抑制。它在承受瞬间高能量脉冲时&#xff0c;能在极短的时间内由原来的高阻抗状态变为低阻抗&#xff0c;并把电压箝制到特定的水平&#xff0c;从而有效…...