【JavaScript保姆级教程】switch分支与while循环

news2024/11/25 13:21:24

文章目录

  • 前言
  • 一、Switch分支
    • 1.1 switch基本结构
    • 1.2 break语句
    • 1.3 default标签
    • 1.4 下面是几个Switch分支的示例代码:
      • 示例1: 根据星期数输出对应的中文星期名称
      • 示例2: 根据用户输入的颜色选择执行不同的操作
  • 二、While循环:
    • 2.1 while循环基本格式
    • 2.2 continue;语句
    • 2.3 示例1: 输出从1到10的整数
    • 2.4 示例2: 计算给定数字的阶乘
  • 总结


前言

JavaScript是一种广泛应用于网页开发的脚本语言,它具有灵活的语法和强大的功能。在JavaScript中,有许多控制结构可以帮助我们根据不同的条件执行不同的代码块。本教程将重点介绍两种常用的控制结构:Switch分支与While循环。Switch分支主要用于根据不同的条件进行分支选择,而While循环则用于在满足一定条件的情况下重复执行某段代码。


一、Switch分支

1.1 switch基本结构

Switch分支是一种条件分支结构,它根据表达式的值从一系列的选项中选择执行的代码块。它可以替代多个嵌套的if…else if…else语句,使代码更加简洁易读。

使用Switch分支的一般语法如下:

switch (expression) {
  case value1:
    // 当expression等于value1时执行的代码块
    break;
  case value2:
    // 当expression等于value2时执行的代码块
    break;
  ...
  default:
    // 当expression与所有case的值都不匹配时执行的代码块
}

在这里插入图片描述

其中每个后面是冒号的":",他就是一个标签

1.2 break语句

break: 在JavaScript中,break关键字用于终止循环或者switch语句,并跳出当前的代码块。主要有以下两个用途:
在循环中:当某个条件满足时,可以使用break语句立即退出当前的循环,不再执行循环中剩余的代码,执行流会跳到当前循环外的下一条语句。

1.3 default标签

switch的default: default关键字在switch语句中用作备用的分支,当没有符合任何case条件时执行。在switch语句中,可以定义一个default分支,它是可选的,意味着没有匹配到任何case时会执行default语句块。
示例:

let color = "yellow";

switch (color) {
  case "red":
    console.log("Red color");
    break;
  case "blue":
    console.log("Blue color");
    break;
  default:
    console.log("Unknown color");
}

在这里插入图片描述

上述代码将输出:“Unknown color”

在上面的示例中,由于color的值是"yellow",没有匹配到任何case条件,因此执行了default语句块中的代码。

1.4 下面是几个Switch分支的示例代码:

示例1: 根据星期数输出对应的中文星期名称

let day = 3;

switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  case 6:
    console.log("星期六");
    break;
  case 7:
    console.log("星期日");
    break;
  default:
    console.log("无效的星期数");
}

在这里插入图片描述

示例2: 根据用户输入的颜色选择执行不同的操作

let color = "blue";

switch (color) {
  case "red":
    console.log("你选择了红色");
    break;
  case "blue":
    console.log("你选择了蓝色");
    break;
  case "green":
    console.log("你选择了绿色");
    break;
  default:
    console.log("无效的颜色选择");
}

在这里插入图片描述

二、While循环:

2.1 while循环基本格式

While循环是一种在给定条件为真时重复执行代码块的循环结构。它会在每次迭代之前检查条件是否满足,如果条件为真,则执行代码块,直到条件为假才停止循环。

使用While循环的一般语法如下:

while (condition) {
  // 符合条件时执行的代码块
}

在这里插入图片描述

while循环可以搭配break;和continue;语句来使用.

2.2 continue;语句

continue关键字用于终止当前循环的当前迭代,并立即开始下一次循环的迭代。主要用于跳过循环体中某些特定条件下的代码执行。

示例:

let a = 0
while(a < 5)
{
	if(a == 3)
		continue;
	console.log(a)
}

在这里插入图片描述

下面是几个While循环的示例代码:

2.3 示例1: 输出从1到10的整数

let i = 1;

while (i <= 10) {
  console.log(i);
  i++;
}

在这里插入图片描述

2.4 示例2: 计算给定数字的阶乘

let num = 5;
let factorial = 1;

while (num >= 1) {
  factorial *= num;
  num--;
}

console.log(factorial);

在这里插入图片描述


总结

Switch分支和While循环是JavaScript中常用的控制结构。Switch分支可以根据不同的条件选择执行不同的代码块,使代码更加简洁易读。而While循环可以在满足条件的情况下重复执行代码块,用于处理需要重复操作的情况。通过这两种控制结构,我们能够更好地掌握JavaScript的流程控制能力,提高代码的效率和可读性。

希望本教程能够帮助你理解和应用JavaScript中的Switch分支和While循环。如有疑问,请随时提问。继续探索和学习JavaScript的世界吧!

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

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

相关文章

学习性能测试线路图

性能测试学习线路图(建议) 1、概览 纵向划分3颗子树:vugen,controller,monitor。优先学习vugen脚本开发以及调试。 横向划分为2层&#xff1a;基础知识以及高级应用。 2、基础知识 2.1、Loadrunner工具使用 2.1.1、建议学习路径 Vugen开发脚本&#xff08;函数使用&#x…

2.2 - 网络协议 - IP协议,IP地址划分,报文格式,数据分片,抓包实战

「作者主页」&#xff1a;士别三日wyx 「作者简介」&#xff1a;CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「推荐专栏」&#xff1a;对网络安全感兴趣的小伙伴可以关注专栏《网络安全入门到精通》 IP协议 1、IP地址划分2、IP协议报文格式3、IP协议数…

Git(七).git 文件夹瘦身,GitLab 永久删除文件

目录 一、问题背景二、问题复现2.1 新建项目2.2 上传大文件2.3 上传结果 三、解决方案3.1 GitLab备份与还原1&#xff09;备份2&#xff09;还原 3.2 删除方式一&#xff1a;git filter-repo 命令【推荐】1&#xff09;安装2&#xff09;删除本地仓库文件3&#xff09;重新关联…

图的广度优先遍历的单源路径、无权图的最短路径问题、BFS性质附Java代码

目录 使用BFS求解单源路径问题 BFS重要性质 无权图的最短路径问题 使用BFS求解单源路径问题 import java.util.ArrayList; import java.util.Collections; import java.util.LinkedList; import java.util.Queue;public class SingleSourcePath {private Graph G;private i…

Greenplum管理和监控工具-gpcc-web介绍

Greenplum管理和监控工具-gpcc-web介绍 1. gpcc-web简介 ​ gpcc&#xff08;Greenplum Command Center&#xff09;的Web用户界面是一个强大的工具&#xff0c;它可以帮助用户管理Greenplum数据库集群&#xff0c;提高效率&#xff0c;优化性能&#xff0c;并确保数据的安全…

安防监控项目---Cortex-A9和zigbee传感器数据上传至网页

文章目录 前言一、A9平台数据的采集与上传二、共享内存上传数据到CGI三、设备代码总结 前言 书接上期&#xff0c;我们大概来梳理一下&#xff0c;已经完成的需求有哪些了&#xff0c;从html下发指令控制Cortex-A9平台硬件&#xff0c;其中主要实现的有控制LED,蜂鸣器&#xf…

AI大模型时代网络安全攻防对抗升级,瑞数信息变革“下一代应用与数据安全”

AI与大模型技术加速普及&#xff0c;安全领域也在以创新视角聚焦下一代应用安全WAAP变革&#xff0c;拓展新一代数据安全领域。近日瑞数信息重磅发布了瑞数全新API扫描器、API安全审计、数据安全检测与应急响应系统及分布式数据库备份系统四大新品。此次发布在延续瑞数信息Bot自…

【中国知名企业高管团队】系列55:奇瑞汽车

昨天华研荟介绍了吉利集团的现状&#xff0c;创始人李书福先生的故事&#xff0c;以及吉利集团的现任高管团队。我们了解到现在的吉利集团品牌多元化&#xff0c;吉利汽车只是其中的一个品牌和产业集团&#xff0c;整个吉利集团有十余个汽车品牌&#xff0c;还有多个网约车品牌…

力扣第416题 *** 分割等和子集 c++ 新题 动态规划 中的 01背包问题

题目 416. 分割等和子集 中等 相关标签 数组 动态规划 给你一个 只包含正整数 的 非空 数组 nums 。请你判断是否可以将这个数组分割成两个子集&#xff0c;使得两个子集的元素和相等。 示例 1&#xff1a; 输入&#xff1a;nums [1,5,11,5] 输出&#xff1a;true 解释…

qt 系列(二)---qt designer通过设置控件样式表进行背景颜色设置

1. 前言 一般Layouts不可以进行改变样式表&#xff0c;当我们想修改背景样式表&#xff0c;同时又不改变其他控件的颜色时&#xff0c;可以选择List View 控件改变背景颜色。 2. 设置背景 &#xff08;1&#xff09;配置 .qrc 文件 新建mypicture.qrc文件&#xff0c;记事本打…

【刷题宝典NO.0】

目录 素数的判定 打印素数 打印水仙花数 百钱买百坤 输出闰年 逆序打印一个整数的每一位 输出乘法口诀表 数字9出现的次数 二进制1的个数 输出一个整数的偶数位和奇数位的二进制序列 求两个整数的最大公约数 求两个整数的最小公倍数 小乐乐与欧几里得 小…

C#,数值计算——积分方程与逆理论Quad_matrix的计算方法与源程序

1 文本格式 using System; namespace Legalsoft.Truffer { public class Quad_matrix : UniVarRealMultiValueFun { private int n { get; set; } private double x { get; set; } public Quad_matrix(double[,] a) { this.n a…

适用于 Linux 的 WPF:Avalonia

许多年前&#xff0c;在 WPF 成为“Windows Presentation Foundation”并将 XAML 作为 .NET、Windows 等的 UI 标记语言引入之前&#xff0c;有一个代号为“Avalon”的项目。Avalon 是 WPF 的代号。XAML 现在无处不在&#xff0c;XAML 标准是一个词汇规范。 Avalonia 是一个开…

精品Python空巢老人志愿服务平台慈善捐赠活动报名

《[含文档PPT源码等]精品基于Python的空巢老人志愿服务平台》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功&#xff01; 软件开发环境及开发工具&#xff1a; 开发语言&#xff1a;python 使用框架&#xff1a;Django 前端技术&#…

EasyExcel复杂表头数据导入

目录 表头示例导入代码数据导出 表头示例 导入代码 Overridepublic void importExcel(InputStream inputStream) {ItemExcelListener itemExcelListener new ItemExcelListener();EasyExcel.read(inputStream, ImportItem.class, itemExcelListener).headRowNumber(2).sheet()…

【蓝桥每日一题]-二分类型(保姆级教程 篇2) #砍树 #木材加工

今天讲二分的例题&#xff0c;一道是“砍树”&#xff0c;一道是“木材加工” 目录 题目&#xff1a;砍树 思路1&#xff1a; 思路2&#xff1a; 题目&#xff1a;木材加工 思路&#xff1a; 题目&#xff1a;砍树 思路1&#xff1a; 二分查找&#xff1a;对高度进行二分 二…

关注云栖大会的感受:从工业大脑到全面AI时代的进化

前言 自2009年的地方网站峰会到如今的云栖大会&#xff0c;这个盛大的科技盛事已经走过了一个多十年的漫长历程。这个会议见证了中国科技行业的崛起&#xff0c;也记录了技术的不断演化。而对我来说&#xff0c;首次接触云栖大会是在2020年&#xff0c;当年大会迁移到线上&…

从零开发基于ASM字节码的Java代码混淆插件XHood

项目背景 因在公司负责基础框架的开发设计&#xff0c;所以针对框架源代码的保护工作比较重视&#xff0c;之前也加入了一系列保护措施 例如自定义classloader加密保护&#xff0c;授权license保护等&#xff0c;但都是防君子不防小人&#xff0c;安全等级还比较低 经过调研…

【密评】商用密码应用安全性评估从业人员考核题库(十七)

商用密码应用安全性评估从业人员考核题库&#xff08;十七&#xff09; 国密局给的参考题库5000道只是基础题&#xff0c;后续更新完5000还会继续更其他高质量题库&#xff0c;持续学习&#xff0c;共同进步。 4001 多项选择题 网络和通信安全层面的通信主体一般包括哪些&…

基于Docker-consul容器服务更新与发现

目录 一、什么是服务注册与发现&#xff1a; 二、Docker-consul介绍&#xff1a; 三、consul的关键特性&#xff1a; 四、consul部署&#xff1a; 1.部署规划&#xff1a; 2.consul服务器部署&#xff1a; 2.1 建立consul服务&#xff1a; 启动consul后默认会监听5个端口&a…