JavaScript流程控制分支

 目录

一、流程控制

二、顺序流程控制

三、分支流程控制 if 语句

        1.分支结构

        2.if 语句

        3.if else 语句 (双分支语句)

        4.if else if 语句 (多分支语句)

四、三元表达式

五、分支流程控制switch语句

        1.分支流程控制switch语句

        2.switch 语句和 if else 语句的区别

一、流程控制

        1.在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能

        2.简单理解:流程控制就是来控制我们代码按照什么结构顺序来执行

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

二、顺序流程控制

        1.顺序结构是程序中最简单、最基本的流程控制,他没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的

三、分支流程控制 if 语句
        1.分支结构

                (1)由上到下执行代码的过程中,根据不同条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果

                (2)js语言提供了两种分支结构的语句

                        1)if 语句

                        2)switch语句

        2.if 语句

                (1)语法结构

                        1)语句可以理解为一个行为,循环语句和分支语句就是典型的语句。一个程序由很多个语句组成,一般情况下,会分割成一个一个的语句。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. if 的语法结构 如果 = if// if (条件表达式) {// 执行语句// }// 2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句// 如果if 条件表达式结果为假 则不执行打括号里面的语句 则执行if 语句后面的代码// 3. 代码体验if (3 < 5) {alert('ljh');}</script>
</head>
<body></body>
</html>
        3.if else 语句 (双分支语句)

                (1)条件成立执行 if 里面代码,否则执行else里面的代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 语法结构  if = 如果 else = 否则//     if (条件表达式) {//         // 执行语句1//     } else {//         // 执行语句2//     }// 2.执行思路 如果表达式结果为真 那么执行语句1 否则 执行语句2// 3. 代码验证var age = prompt('请输入您的年龄');if (age >= 18) {alert('欢迎来到本网吧');} else {alert('未成年禁止入内');}// 4. if里面的语句1 和 else 里面的语句2 最终只能有一个语句执行 2选1// 5. else 后面直接跟大括号</script>
</head>
<body></body>
</html>
        4.if else if 语句 (多分支语句)

                (1)适合于检查多重条件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 多分支语句 就是利用多个条件来选择不同的语句执行 得到不同的结果 多选1 的过程、// 2. if else if语句就是多分支语句// 3. 语法规范if (条件表达式1) {// 语句1;} else if (条件表达式2) {// 语句2;} else if (条件表达式3) {// 语句3;} else {// 最后的语句}// 4. 执行思路// 如果条件表达式1 满足就执行 语句1 执行完毕后 退出整个if 分支语句// 如果条件表达式2 不满足 则判断条件表达式2 满足就执行语句2 以此类推// 5. 注意点// (1) 多分支语句还是多选1 最后只能有一个语句执行// (2) else if 里面的条件理论上是可以任意多个的// (3) else if 中间必须有空格</script>
</head>
<body></body>
</html>
四、三元表达式

        1.三元表达式也能做一些简单的条件选择。有三元运算符组成的式子称为三元表达式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 有三元运算符组成的式子我们成为三元表达式// 2. ++num  3 + 5   ? :// 3. 语法结构// 条件表达式 ? 表达式1 : 表达式2;// 4. 执行思路// 如果条件表达式结果为真 则 返回 表达式1 的值 为假 则返回 表达式2 的值// 5. 代码体验var num = 10;var result = num > 5 ? 'yes' : 'no'; // 表达式是有返回值的console.log(result);</script>
</head>
<body></body>
</html>
五、分支流程控制switch语句
        1.分支流程控制switch语句

                (1)switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码,当前针对变量设置一系列的特定值的选项时,就可以使用switch。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. switch 语句也是多分支语句 也可以实现多选1// 2. 语法结构 switch 转换、开关 case 小例子或者选项的意思// switch (表达式) {//     case value1://          执行语句1;//          break;//     case value2://          执行语句2;//          break;//     default://          最后语句;// }// 3. 执行思路 利用我们的表达式的值 和 case 后面的选项值匹配 匹配上,执行case// 里面的语句 如果没有匹配上,那么执行 default里面的语句// 4. 代码验证switch(8) {case 1:console.log('这是1');break;case 2:console.log('这是2');break;case 3:console.log('这是3');break;default:console.log('以上都没有');}</script>
</head>
<body></body>
</html>
        2.switch 语句和 if else 语句的区别

                (1)一般情况下,它们两个语句可以相互替换

                (2)switch...case 语句通常处理case为比较确定值的情况,而 if...else... 语句更加灵活,常用于范围判断(大于、等于某个范围)

                (3)switch 语句进行条件判断后直接执行到程序的条件语句,效率更高,而 if...else 语句有几种条件,就得判断多少次

                (4)当分支比较少时,if...else语句的执行效率比switch高。

                (5)当分支比较多时,switch语句的执行效率比较高,而且结构更清晰

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// switch 注意事项var num = 1;switch (num) {case 1:console.log(1);break;case 2:console.log(2);break;default:console.log(3);}// 1. 我们开发里面 表达式我们经常写成变量// 2. 我们num 的值 和 case 里面的值想匹配的时候是 全等 必须是值和数据类型一致才可以 num === 1// 3. break 如果当前的case里面没有break 则不会退出 switch 是继续 执行下一个从 case</script>
</head><body></body></html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/31267.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

什么是iPaaS?

一、iPaaS简介 iPaaS&#xff0c;即集成平台即服务&#xff08;Integration Platform as a Service&#xff09;&#xff0c;是一种基于云计算的自助服务模型&#xff0c;它为企业提供了一种标准化的应用程序集成方式。能够促进开发、执行和治理集成流程&#xff0c;连接本地和…

正定矩阵(Positive Definite Matrix)

正定矩阵&#xff08;Positive Definite Matrix&#xff09; flyfish Positive&#xff08;正数&#xff09; &#xff1a;在数学和统计学中&#xff0c;通常指大于零的数。在矩阵理论中&#xff0c;一个矩阵被称为正定&#xff0c;是因为它的性质类似于正数的性质。 Defini…

真的不用太焦虑,普通人怎么选都是错

作为一个在职场摸爬滚打多年的过来人&#xff0c;我想跟大家分享一些我的感悟。 这些年看着身边的年轻人们&#xff0c;总是为工作的选择而焦虑不已&#xff1a;他们担心选错了行业&#xff0c;误入歧途&#xff1b;担心选错了公司&#xff0c;前途渺茫。然而&#xff0c;我想告…

STM32 运行atof函数进入hard fault中断

目前为了糊口,做了硬件工程师,因此博客也很久没更新了。目前也只能业余时间自己玩玩喜欢的东西。 最近在研究FOC时候,发现STM32在运行“atof”函数时候,导致程序进入了hard fault中断中。 事情的起因是这样的: 我已经通过Jlink的RTT功能,替代了单片机的串口日志输出。翻阅…

裁员裁到大动脉,是一种什么体验!

大家好啊&#xff0c;我是董董灿。 降本增效是每个当老板的人都喜欢挂在嘴边的口头禅&#xff0c;尤其是行业不景气&#xff0c;公司发展遇到瓶颈的时候。 大部分公司降本增效的手段其实非常相似&#xff0c;比较容易实施的手段也就那几种。 要么搞设备自动化和流程自动化&a…

Anthropic 发布新AI模型Claude 3.5 Sonnet

&#x1f989; AI新闻 &#x1f680; Anthropic 发布新AI模型Claude 3.5 Sonnet 摘要&#xff1a;Anthropic 发布了其最强 AI 模型 Claude 3.5 Sonnet。速度更快、处理细微差别和幽默的能力提升&#xff0c;且支持编写、编辑和执行代码。该模型通过公司网站、iPhone 应用及 A…

【Qt6.3 基础教程 11】 深入探索列表型控件:QListWidget和QComboBox

文章目录 前言QListWidget&#xff1a;便捷的项目列表主要特性示例&#xff1a;使用QListWidget QComboBox&#xff1a;下拉选择的高效实现主要特性示例&#xff1a;使用QComboBox 结合Model/View架构使用总结 前言 在任何现代用户界面中&#xff0c;列表是展示项目集合的重要…

笔记-python map函数

map()函数是Python内置的高阶函数&#xff0c;它接收一个函数f和一个list作为参数。通过将函数f依次应用于list的每个元素&#xff0c;map()函数会生成一个新的list并返回。 例如&#xff0c;对于list [1, 2, 3, 4, 5, 6, 7, 8, 9]&#xff0c;如果我们想要计算list中每个元素…

数据库系统概念(第八周 第一堂)(规范化关系数据库设计)(强推学习!!!)

目录 前言 E-R模型质量低的深层原因 数据依赖 函数依赖 主属性/非主属性 逻辑蕴含与闭包 Armstrongs Axiom 求解F闭包算法 求解属性集闭包算法 属性集闭包的作用 候选码求解理论和算法 候选码求解理论 无关属性 检验方法 正则覆盖 关系模式的设计 关系…

【深度学习】GPT-2,Language Models are Unsupervised Multitask Learners,【语言建模】

论文&#xff1a;https://d4mucfpksywv.cloudfront.net/better-language-models/language_models_are_unsupervised_multitask_learners.pdf 文章目录 摘要引言方法2.1 训练数据集2.2 输入表示2.3 模型3. 实验3.1 语言建模3.2 Children’s Book Test3.3 LAMBADA3.4 Winograd Sc…

自动驾驶学习-车载摄像头ISP(2)

背景 智能驾驶ISP&#xff08;Image Signal Processor&#xff0c;图像信号处理器&#xff09;在自动驾驶和辅助驾驶系统中扮演着至关重要的角色。 典型的ISP通常会对摄像头输出的RAW数据先做黑电平矫正&#xff08;BLC&#xff09;、坏点矫正&#xff08;DPC&#xff09;、数…

如何DIY出专属个性化的CSDN主页?一招教你搞定!

个人主页&#xff1a;学习前端的小z 个人专栏&#xff1a;HTML5和CSS3悦读 本专栏旨在分享记录每日学习的前端知识和学习笔记的归纳总结&#xff0c;欢迎大家在评论区交流讨论&#xff01; 文章目录 &#x1f4af;如何通过HTMLCSS自定义模板diy出自己的个性化csdn主页&#x…

SD3发布,送你3个ComfyUI工作流

大家好&#xff0c;我是每天分享AI应用的萤火君&#xff01; 这几天AI绘画界最轰动的消息莫过于Stable Diffusion 3&#xff08;简称SD3&#xff09;的发布。SD3是一个多模态的 Diffusion Transformer 模型&#xff0c;其在图像质量、排版、复杂提示理解和资源效率方面具有显著…

ADC常用的十大滤波算法(C语言)

一、限幅滤波法 1、方法&#xff1a; 根据经验判断两次采样允许的最大偏差值&#xff08;设为A&#xff09; 每次检测到新值时判断&#xff1a; a. 如果本次值与上次值之差<A&#xff0c;则本次值有效 b. 如果本次值与上次值之差>A&#xff0c;则本次值无效&#xf…

QT MQTT (二)编译与集成

一、QT MQTT 提供 MQTT 客户端服务的 Qt 专用库基于标准化发布 / 订阅协议&#xff0c;用于在设备和组件之间可靠地共享数据。MQTT 是为保证状态正确性、满足高安全标准和交换最小数据而设计的协议&#xff0c;因此被广泛应用于各种分布式系统和物联网解决方案中。 Qt开发MQT…

【Oracle篇】Oracle数据库坏块处理:rman修复坏块实践与案例分析(第七篇,总共八篇)

&#x1f4ab;《博主介绍》&#xff1a;✨又是一天没白过&#xff0c;我是奈斯&#xff0c;DBA一名✨ &#x1f4ab;《擅长领域》&#xff1a;✌️擅长Oracle、MySQL、SQLserver、阿里云AnalyticDB for MySQL(分布式数据仓库)、Linux&#xff0c;也在扩展大数据方向的知识面✌️…

Python 学习 第三册 第13章 动态规划

----用教授的方式学习 目录 13.1 又见斐波那契数列 13.2 动态规划与 0/1 背包问题 13.3 动态规划与分治算法 13.1 又见斐波那契数列 一个很直观的斐波那契数列的递归实现: def fib(n): """假设n是非负整数返回第n个斐波那契数""" …

Oracle中的游标用法总结

Oracle中的游标用法总结 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 1. 什么是游标&#xff1f; 在Oracle数据库中&#xff0c;游标是一种用于处理查询结果…

git配置ssh key

一、生成ssh公钥和私钥对 打开终端&#xff0c;输入命令&#xff0c;-C 后是git邮箱&#xff0c;在 Enter file in which to save the key (/home/my/.ssh/id_rsa): 后可以输入公钥和私钥对保存路径及文件名&#xff0c;默认是 /home/my/.ssh/id_rsa&#xff0c;其它的全部按回…

从0开始C++(五):友元函数运算符重载

友元函数 介绍 C中的友元函数是一种特殊的函数&#xff0c;它可以访问和操作类的私有成员和保护成员。友元函数可以在类的内部或外部声明和定义&#xff0c;但在其声明和定义中需要使用关键字 friend 来标识。友元函数可以是全局函数&#xff0c;也可以是其他类的成员函数。 …