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

JavaScript流程控制

文章目录

  • 1. 顺序结构
  • 2. 分支结构
    • 2.1 if 语句
    • 2.2 if else 双分支语句
    • 2.3 if else if 多分支语句
      • 三元表达式
    • 2.4 switch 语句
      • switch 语句和 if else if语句区别
  • 3. 循环结构
    • 3.1 for 循环
      • 断点调试
    • 3.2 双重 for 循环
    • 3.3 while 循环
    • 3.4 do while 循环
    • 3.5 contiue break 关键字
  • 4. 命名规范及语法格式

流程控制:
在这里插入图片描述

1. 顺序结构

在这里插入图片描述

2. 分支结构

在这里插入图片描述

2.1 if 语句

1.语法结构在这里插入图片描述
2. 执行流程在这里插入图片描述

2.2 if else 双分支语句

  1. 语法结构在这里插入图片描述
    2.执行流程在这里插入图片描述

2.3 if else if 多分支语句

  1. 语法结构在这里插入图片描述
  2. 执行流程在这里插入图片描述
    小小案例:
    在这里插入图片描述
<script>var score = prompt('请输入分数');if (score >= 90) {alert('您的成绩等级为A');} else if (score >=80 && score < 90) {alert('您的成绩等级为B');}else if (score >=70 && score < 80) {alert('您的成绩等级为C');}else if (score >=60 && score < 70) {alert('您的成绩等级为D');}else {alert('您的成绩等级为E');}</script>

三元表达式

在这里插入图片描述
小小案例:
在这里插入图片描述

    <script>var num = prompt('请输入一个数字');alert(num < 10 ? '0' + num : num);</script>

2.4 switch 语句

当要针对变量设置一系列的特定值的选项时,就可以使用 switch 。
在这里插入图片描述
注意:在这里插入图片描述

  1. 在开发时,表达式我们一般写成变量;
  2. 我们num 的值和case 里面的值相匹配时,必须是之和数据类型都一直才可以有 num == 1;
  3. case 中没有break 时,程序会继续执行下一个case ,直至遇到break 或defult .

switch 语句和 if else if语句区别

在这里插入图片描述

3. 循环结构

在这里插入图片描述

3.1 for 循环

在这里插入图片描述

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述

断点调试

在这里插入图片描述
小小案例:
在这里插入图片描述

 <script>var num = prompt('请输入打印星星的个数');var str = '';for (var i = 1; i <= num; i++) {str += '⭐' }console.log(str);</script>

3.2 双重 for 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述
    小小案例:在这里插入图片描述
<script>var n = prompt('请输入打印星星的行数');var l = prompt('请输入打印星星的列数');for (var i = 1; i <= n; i++) {var str = '';for (var j = 1; j <= l; j++) {str += '⭐'}str += '\n';console.log(str); }</script>

在这里插入图片描述

    <script>var n = prompt('请输入打印星星的行数');for (var i = 1; i <= n; i++) {var str = '';for (var j = i; j <= n; j++) {str += '⭐'}str += '\n';console.log(str); }</script>

在这里插入图片描述

    <script>var str = '';for (var i = 1; i <= 9; i++) {for (var j = 1; j <= i; j++) {str += j + 'x'+ i + '=' + j*i + ' ';}str += '\n';}console.log(str);</script>

3.3 while 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述

3.4 do while 循环

  1. 语法结构在这里插入图片描述
  2. 执行示例在这里插入图片描述
    do while 循环特点:
    在这里插入图片描述

3.5 contiue break 关键字

  1. contiue: 用于立即跳出当前循环,继续下一次循环;
  2. break: 用于立即跳出整个循环。

4. 命名规范及语法格式

  1. 标识符命名规范在这里插入图片描述

  2. 操作符命名规范在这里插入图片描述

  3. 单行注释命名规范在这里插入图片描述

  4. 其他命名规范在这里插入图片描述

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

相关文章:

  • 五个使用Delphi语言进行开发的案例
  • 蓝桥杯第1374题——锻造兵器
  • 坚鹏:政府数字化转型数字机关、数据共享及电子政务类案例研究
  • 【架构】面向人工智能 (AI) 的硬件的可靠性(2021)
  • Unity3D MVC开发模式与开发流程详解
  • 简单介绍一下Android里面的IntentFirewall
  • Stable Diffusion 3 发布及其重大改进
  • 【后端】springboot项目
  • React Native调用摄像头画面及拍照和保存图片到相册全流程
  • Kubernetes基本部署概念
  • QT c++ 海康红外热像仪
  • OpenAI 的 GPTs 提示词泄露攻击与防护实战:防御卷(一)
  • 中科大计网学习记录笔记(十五):可靠数据传输的原理
  • 五种多目标优化算法(MOGWO、MOJS、NSWOA、MOPSO、MOAHA)性能对比(提供MATLAB代码)
  • 力扣:93. 复原 IP 地址
  • 利用序列化和反序列化实现深拷贝
  • 【AHK】68键键盘键位布局优化/esc改退格键/回车键
  • 计算机体系架构初步入门
  • 常见的序列化数据结构方法及其优缺点汇总
  • 华清远见嵌入式学习——驱动开发——作业1
  • 小苯的IDE括号问题(CD) -----牛客小白月赛87(双链表)
  • Redis如何修改key名称
  • 浅谈redis之SDS
  • 数据结构知识点总结-线性表(1)-线性表的定义、基本操作、顺序表表示
  • Spring Boot 手写starter!!!
  • 移动端自动化常用的元素定位工具 介绍
  • 问题:Spark SQL 读不到 Flink 写入 Hudi 表的新数据,打开新 Session 才可见
  • 数学建模资料分享
  • 应用配置管理
  • This dependency was not found解决方法