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

【JavaScript】JavaScript 程序流程控制 ⑥ ( while 循环概念 | while 循环语法结构 )

news 2025/11/11 7:55:59

文章目录

一、while 循环
- 1、while 循环概念
- 2、while 循环语法结构
二、while 循环 - 代码示例
- 1、打印数字
- 2、计算 1 - 10 之和

一、while 循环

1、while 循环概念

在 JavaScript 中 , while 循环是一种 " 循环控制语句 " , 使用该语句就可以

重复执行一段代码块 , 直到指定的 " 条件表达式 " 不再满足 ,
如果 " 条件表达式 " 一开始就不满足 , 循环体永远不会执行 ;

2、while 循环语法结构

while 循环语法结构如下 :

while (条件表达式) {  // 循环体 代码块
}

首先 , 执行 " 条件表达式 " , 在上述语法结构中 , " 条件表达式 " 是一个布尔类型的表达式 , 该表达式的计算结果只能是 true 或 false ;

如果 " 条件表达式 " 的结果为 true , 则执行循环体代码块 ;
如果 " 条件表达式 " 的结果为 false , 则跳过循环体 , 继续执行循环语句后面的代码 ;

然后 , 执行 " 循环体代码块 " , 如果 " 条件表达式 " 为 true 的话 ;

最后 , 继续执行 " 条件表达式 " , 如果为 true , 则继续执行 " 循环体代码块 " ;

二、while 循环 - 代码示例

1、打印数字

核心代码 :

        // 循环控制变量let i = 1;// 条件表达式while (i <= 3) {// 循环体console.log(i);// 更新表达式 : 改变循环控制变量i++;}

上面的示例中 , 使用 while 循环在浏览器控制台输出 1 - 3 数字 ;

只要循环控制变量 i 的值小于或等于 3 , 循环就会继续执行 ;

在循环体中 , 每次都会输出 i 的值 , 并将 i 的值增加 1 ;

如果循环控制变量 i 的值变为 4 时 , 条件表达式不再满足 , 循环终止 ;

完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// while 循环// 循环控制变量let i = 1;// 条件表达式while (i <= 3) {// 循环体console.log(i);// 更新表达式 : 改变循环控制变量i++;}</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

2、计算 1 - 10 之和

代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// while 循环// 循环控制变量let i = 1;// 累加和let sum = 0;// 条件表达式while (i <= 10) {// 循环体sum += i;// 更新表达式 : 改变循环控制变量i++;}// 打印累加和console.log(sum);</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

【JavaScript】JavaScript 程序流程控制 ⑥ ( while 循环概念 | while 循环语法结构 )

文章目录一、while 循环1、while 循环概念2、while 循环语法结构二、while 循环 - 代码示例1、打印数字2、计算 1 - 10 之和一、while 循环 1、while 循环概念在 JavaScript 中 , while 循环是一种 " 循环控制语句 " , 使用该语句就可以重复执行一段代码块 , …...

编程日记 2024/3/26 2:21:46

Keil笔记(缘更)

Keil 一、使用Keil时可能会出现的问题1.Project框不见了2.添加文件时找不到3.交换文件位置4.main.c测试报1 warning5.搜索CtrlF 二、模电常识(白话随便版)一、名词解释二、基础门电路三、STLINK点灯操作1.配置寄存器进行点灯2.使用库函数进行点灯四.GPIO1.LED闪烁4.按键控制L…...

编程日记 2024/3/26 2:17:43

举4例说明Python如何使用正则表达式分割字符串

在Python中，你可以使用re模块的split()函数来根据正则表达式分割字符串。这个函数的工作原理类似于Python内置的str.split()方法，但它允许你使用正则表达式作为分隔符。示例 1: 使用单个字符作为分隔符假设你有一个由逗号分隔的字符串，你可…...

编程日记 2024/3/26 2:13:39

Java 中的 Math. round(-1. 5) 等于多少？

在 Java 中，Math.round() 方法用于四舍五入一个浮点数。这个方法的工作原理是，它会查看要舍入数值的小数点后第一位。如果这一位是 5 或更大，那么整数部分加 1；如果小于 5，整数部分保持不变。对于 Math.round(-1.5)&…...

编程日记 2024/3/26 2:12:38

MFC界面美化第三篇----自绘按钮(重绘按钮)

1.前言最近发现读者对我的mfc美化的专栏比较感兴趣，因此在这里进行续写，这里我会计划写几个连续的篇章，包括对MFC按钮的美化，菜单栏的美化，标题栏的美化，list列表的美化，直到最后形成一个完整…...

编程日记 2024/3/26 2:10:37

设计模式｜工厂模式

文章目录 1. 工厂模式的三种实现2. 简单工厂模式和工厂方法模式示例3. 抽象工厂模式示例4. 工厂模式与多态的关系5. 工程模式与策略模式的关系6. 面试中可能遇到的问题6.1 **工厂模式的概念是什么？**6.2 **工厂模式解决了什么问题？**6.3 **工厂模式的优点…...

编程日记 2024/3/26 2:07:34

CHAT~（持续更新）

CHAT（持续更新） 实现一个ChatGPT创建API设计页面布局业务操作技术架构实现安装工具其他实现一个ChatGPT 创建API 最简单也最需要信息的一步继续往下做的前提此处省略，想要获取接口创建方式联系设计页面布局按照官网布局业务操作…...

编程日记 2024/3/26 2:06:33

linux系统------------Mysql数据库介绍、编译安装

目录一、数据库基本概念 1.1数据(Data) 1.2表 1.3数据库 1.4数据库管理系统(DBMS) 数据库管理系统DBMS原理 1.5数据库系统（DBS) 二、数据库发展史 1、第一代数据库 2、第二代数据库 3、第三代数据库三、关系型数据库 3.1关系型数据库应用 3.2主流的…...

编程日记 2024/3/26 2:04:31

文件操作3

随机读写数据文件一、随机读写原理在我们写数据时，有一个光标不断的在随着新写入的数据往后移动； 而读数据时，也有一个看不见光标，随着已经读完的数据，往后移动这里的文件读写位置标记——可以想象成图形界面里的…...

编程日记 2024/3/26 2:02:29

算法D57 | 动态规划17 | 647. 回文子串 516.最长回文子序列动态规划总结篇

647. 回文子串动态规划解决的经典题目，如果没接触过的话，别硬想直接看题解。代码随想录 Python: class Solution:def countSubstrings(self, s: str) -> int:n len(s)dp [[0]*n for _ in range(n)]dp[0] [1]*nresult nfor i in range(1, n)…...

编程日记 2024/3/26 2:01:28

go的限流

背景服务请求下游，oom，排查下来发现是一个下游组件qps陡增导致但是司内网络框架比较挫，竟然不负责框架内存问题（有内存管理模块，但逻辑又是无限制使用内存） 每个请求一个r、w buffer，请求无限…...

编程日记 2024/3/26 2:00:27

补充--广义表学习

第一章逻辑结构 （1）A()，A是一个空表，长度为0，深度为1。 （2）B(d,e)，B的元素全是原子，d和e，长度为2，深度为1。 （3）C(b,(c,…...

编程日记 2024/3/26 1:58:25

更新流程code 1、gonk/dom/system/gonk/radio/RadioInterfaceLayer.jsm handleNetworkStateChanged -> requestNetworkInfo() -> handleRilResponse的getOperator -> handleOperator handleNetworkStateChanged：网络状态变化请求网络信息 this.requestNetworkInfo…...

编程日记 2024/3/26 1:55:23

Visual Basic6.0零基础教学(4)—编码基础,数据类型与变量

编码基础,数据类型与变量文章目录编码基础,数据类型与变量前言一、VB中的编程基础二、VB的基本字符集和词汇集1、字符集2、词汇集 VB中的数据类型VB中的变量与常量一.变量和常量的命名规则二.变量声明1.用Dim语句显式声明变量三. 常量运算符和表达式一. 运算符 1. 算术运算符…...

编程日记 2024/3/26 1:50:18

VPCFormer:一个基于transformer的多视角指静脉识别模型和一个新基准

文章目录 VPCFormer:一个基于transformer的多视角指静脉识别模型和一个新基准总结摘要介绍相关工作单视角指静脉识别多视角指静脉识别Transformer 数据库基本信息方法总体结构静脉掩膜生成VPC编码器视角内相关性的提取视角间相关关系提取输出融合IFFN近邻感知模块(NPM) patch嵌…...

编程日记 2024/3/26 1:49:17

Android 图形渲染和显示系统关系

SurfaceFlinger：作为 Android 系统中的一个系统服务，SurfaceFlinger 负责管理整个屏幕的渲染和合成工作。它管理和合成多个 Surface，并与硬件加速器以及 Hardware Composer (HWC) 进行交互，最终将图像数据发送给显示硬件进行显示。…...

编程日记 2024/3/26 1:48:16

3.C++：类与对象（下）

一、再谈构造函数 1.1构造函数体赋值在创建对象时，编译器通过调用构造函数，给对象中各个成员变量一个合适的初始值。 class Date { public:Date(int year, int month, int day){_year year;_month month;_day day;}private:int _year;int _month;i…...

编程日记 2024/3/26 1:43:12

iOS开发之SwiftUI

iOS开发之SwiftUI 在iOS开发中SwiftUI与Objective-C和Swift不同，它采用了声明式语法，相对而言SwiftUI声明式语法简化了界面开发过程，减少了代码量。由于SwiftUI是Apple推出的界面开发框架，从iOS13开始引入，Apple使用…...

编程日记 2024/3/26 1:40:09

2024-简单点-pandas

pandas pandas to numpy 尽量不用.values提取数据 numexpr 和 bottleneck加速布尔操作 describe 自定义describe .pipe df.apply 行或者列级别函数级别应用...

编程日记 2024/3/26 1:33:03

面试笔记——Redis（双写一致、持久化）

双写一致双写一致性： 当修改了数据库中的数据，也要更新缓存的数据，使缓存和数据库中的数据保持一致。相关问题：使用Redis作为缓存，mysql的数据如何与Redis进行同步？——双写一致性问题回答时&#xff0…...

编程日记 2024/3/26 1:26:58

未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？

编辑：陈萍萍的公主一点人工一点智能未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？RWM通过双自回归机制有效解决了复合误差、部分可观测性和随机动力学等关键挑战，在不依赖领域特定归纳偏见的条件下实现了卓越的预测准…...

编程新知 2025/11/10 20:47:28

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2025/11/7 21:07:35

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2025/11/8 2:33:18