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

文章目录

  • 前言
  • 一、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.mzph.cn/news/127327.shtml

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

相关文章

一文速通Sentinel熔断及降级规则

目录 基本介绍 熔断模式 状态机的三个状态 熔断降级规则 断路器熔断策略 慢调用 异常比例 异常数 基本介绍 熔断模式 主要是参考电路熔断&#xff0c;如果一条线路电压过高&#xff0c;保险丝会熔断&#xff0c;防止火灾。放到我们的系统中&#xff0c;如果某个目标…

云安全-云原生基于容器漏洞的逃逸自动化手法(CDK check)

0x00 docker逃逸的方法种类 1、不安全的配置&#xff1a; 容器危险挂载&#xff08;挂载procfs&#xff0c;Scoket&#xff09; 特权模式启动的提权&#xff08;privileged&#xff09; 2、docker容器自身的漏洞 3、linux系统内核漏洞 这里参考Twiki的云安全博客&#xff0c;下…

【通关选择】upload-labs通关攻略(全)

前提条件&#xff1a; 1.文件能够成功上传到服务器 2.攻击者能够知道文件的上传路径 upload-labs靶场 Pass-01&#xff08; 前端验证&#xff09; 三种方法解决思路 1.禁用客户端JavaScript弹窗 2.通过burp抓包&#xff0c;修改后缀名 3.f12删除return filecheck&#xff0…

测试用例设计——WEB通用测试用例

现在项目做完了&#xff0c;我觉得还是有必要总结一下&#xff0c;学习到的内容。毕竟有总结才能有提高嘛&#xff01;总结一下通用的东西&#xff0c;不管什么项目基本都可能会遇到&#xff0c;有写地方也有重复的或者有的是按照个人的习惯来总结的不一定都对&#xff0c;有不…

【深度学习】pytorch——实现CIFAR-10数据集的分类

笔记为自我总结整理的学习笔记&#xff0c;若有错误欢迎指出哟~ 往期文章&#xff1a; 【深度学习】pytorch——快速入门 CIFAR-10分类 CIFAR-10简介CIFAR-10数据集分类实现步骤一、数据加载及预处理实现数据加载及预处理归一化的理解访问数据集Dataset对象Dataloader对象 二、…

HTML区块、布局

HTML区块&#xff1a; HTML可以通过<div> 和 <span>将元素组合起来。大多数HTML元素被定义为块级元素或内联元素。块级元素在浏览器显示时&#xff0c;通常会以新行来开始、结束&#xff1b;内联元素在显示时通常不会以新行开始。 HTML<div>元素是块级元素…

JavaWeb 怎么在servlet向页面输出Html元素?

service()方法里面的方法体&#xff1a; resp.setContentType("text/html;charsetutf-8");//获得输出流PrintWriter对象PrintWriter outresp.getWriter();out.println("<html>");out.println("<head><title>a servlet</title>…

docker部署minio并使用springboot连接

需求&#xff1a;工作中&#xff0c;在微信小程序播放时&#xff0c;返回文件流并不能有效的使用&#xff0c;前端需要一个可以访问的地址&#xff0c;springboot默认是有资源拦截器的&#xff0c;但是不适合生产环境的使用 可以提供使用的有例如fastdfs或者minio&#xff0c;这…

Qt实现的自定义登录框连接MySQL(完整的实现过程)

一.开始创建项目 1.创建Qt窗口应用项目: 2.输入文件名、选择项目将要保存的地址 3.构造系统选择qmake 4.类名使用默认的就好,点击继续完成项目的创建 5.创建好的项目如下 二.创建一个资源管理文件 三.创建一个登录对话框窗口 1.选择一个ui界面类 2.选择Dialog without Butt…

git生成gitee和github两个不同的公钥

配置多个公钥 Windows 用户建议使用 Windows PowerShell 或者 Git Bash&#xff0c;在 命令提示符 下无 cat 和 ls 命令。 1、生成公钥文件&#xff1a; 通过命令 ssh-keygen 生成 SSH Key&#xff1a; ssh-keygen -t rsa -C "Gitee SSH Key" -f ~/.ssh/gitee_be…

【Unity ShaderGraph】| 快速制作一个 抖动效果

前言 【Unity ShaderGraph】| 快速制作一个 抖动效果一、效果展示二、UV抖动效果三、应用实例 前言 本文将使用ShaderGraph制作一个抖动效果&#xff0c;可以直接拿到项目中使用。对ShaderGraph还不了解的小伙伴可以参考这篇文章&#xff1a;【Unity ShaderGraph】| Shader Gr…

dash--项目的前端展示简单基础

1.前置工作 创建虚拟环境&#xff1a; sudo apt-get install python3-venv # 安装 python3 -m venv venv # 在本目录下创建venv虚拟环境&#xff08;也是一个文件夹。如果用不到这个虚拟环境以后就rm -rf venv&#xff09; source venv/bin/activate # 激活虚拟环境临时使用清华…

poi兴趣点推荐数据集介绍

介绍 foursquare数据集包含2153471个用户&#xff0c;1143092个场所&#xff0c;1021970个签到&#xff0c;27098490个社交关系以及用户分配给场所的2809581评级&#xff0c;我们常用的是根据NYC和TKY都是从该数据集中抽取出来的。 下载地址&#xff1a;https://sites.google.…

D盘清空了怎么还原?3个恢复技巧大公开!

“由于我的文件一般都是保存在c盘的&#xff0c;d盘里没有什么文件&#xff0c;于是我在清理电脑时就把d盘清空了&#xff0c;但我突然想起有一个重要的文件夹在d盘中&#xff0c;现在还有办法找回这些文件吗&#xff1f;” D盘作为电脑的一个重要磁盘&#xff0c;有时候我们也…

损失函数总结(十三):RSELoss、MAPELoss

损失函数总结&#xff08;十三&#xff09;&#xff1a;RSELoss、MAPELoss 1 引言2 损失函数2.1 RSELoss2.2 MAPELoss 3 总结 1 引言 在前面的文章中已经介绍了介绍了一系列损失函数 (L1Loss、MSELoss、BCELoss、CrossEntropyLoss、NLLLoss、CTCLoss、PoissonNLLLoss、Gaussia…

最新ai系统ChatGPT商业运营版网站源码+支持GPT4.0/支持AI绘画+已支持OpenAI GPT全模型+国内AI全模型+绘画池系统

一、AI创作系统 SparkAi创作系统是基于OpenAI很火的ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统&#xff0c;支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美&#xff0c;可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如…

5.1 运输层协议概述

思维导图&#xff1a; 前言&#xff1a; 第5章 运输层笔记 1. 概览 主要内容&#xff1a;介绍运输层协议的特点、进程间通信、端口、UDP和TCP协议、可靠传输、TCP报文段的首部格式、TCP的关键概念&#xff08;如滑动窗口、流量控制、拥塞控制和连接管理&#xff09;。重要性…

当函数参数为一级指针,二级指针

当函数参数为一级指针&#xff0c;二级指针 在讲述内容之前&#xff0c;先讲四点重要知识 1.当传入参数时&#xff0c;函数形参会立即申请形参的内存空间&#xff0c;函数执行完毕后&#xff0c;形参的内存空间立即释放掉。 1.指针是存放其他变量地址的变量。指针有自己的内…

任正非说:人家问我:“你怎么一天到晚游手好闲?”我说我是管长江的堤坝的。

你好&#xff01;这是华研荟【任正非说】系列的第26篇文章&#xff0c;让我们聆听任正非先生的真知灼见&#xff0c;学习华为的管理思想和管理理念。 一、我们不是靠人来领导这个公司&#xff0c;我们用规则的确定性来对付结果的不确定。人家问我&#xff1a;“你怎么一天到晚游…

HarmonyOS UI 开发

引言 HarmonyOS 提供了强大的 UI 开发工具和组件&#xff0c;使开发者能够创建吸引人的用户界面。本章将详细介绍在 HarmonyOS 中应用 JS、CSS、HTML&#xff0c;HarmonyOS 的 UI 组件以及如何自定义 UI 组件。 目录 JS、CSS、HTML 在 HarmonyOS 中的应用HarmonyOS 的 UI 组…