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

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

news 2026/5/25 16:06:47

文章目录

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

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

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

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

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

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

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

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

设计模式｜工厂模式

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

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

CHAT~（持续更新）

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

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

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

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

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

文件操作3

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

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

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

647. 回文子串 动态规划解决的经典题目&#xff0c;如果没接触过的话&#xff0c;别硬想 直接看题解。 代码随想录 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的限流

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

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

补充--广义表学习

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

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

【笔记】KaiOS SPN显示逻辑

更新流程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&#xff1a;作为 Android 系统中的一个系统服务&#xff0c;SurfaceFlinger 负责管理整个屏幕的渲染和合成工作。它管理和合成多个 Surface&#xff0c;并与硬件加速器以及 Hardware Composer (HWC) 进行交互&#xff0c;最终将图像数据发送给显示硬件进行显示。…...

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

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

一、再谈构造函数 1.1构造函数体赋值 在创建对象时&#xff0c;编译器通过调用构造函数&#xff0c;给对象中各个成员变量一个合适的初始值。 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不同&#xff0c;它采用了声明式语法&#xff0c;相对而言SwiftUI声明式语法简化了界面开发过程&#xff0c;减少了代码量。 由于SwiftUI是Apple推出的界面开发框架&#xff0c;从iOS13开始引入&#xff0c;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（双写一致、持久化）

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

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

DeTikZify：基于AI的TikZ图形程序自动生成技术深度解析

DeTikZify&#xff1a;基于AI的TikZ图形程序自动生成技术深度解析 【免费下载链接】DeTikZify Synthesizing Graphics Programs for Scientific Figures and Sketches with TikZ. 项目地址: https://gitcode.com/gh_mirrors/de/DeTikZify DeTikZify是一款革命性的多模态…...

编程新知 2026/5/25 16:02:24

如何快速掌握ncmdumpGUI：Windows平台网易云音乐NCM文件转换完整教程

如何快速掌握ncmdumpGUI&#xff1a;Windows平台网易云音乐NCM文件转换完整教程 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 你是否曾经下载了网易云音乐的…...

编程新知 2026/5/25 16:02:23

VideoDownloadHelper终极指南：解锁浏览器视频下载的完整解决方案

VideoDownloadHelper终极指南&#xff1a;解锁浏览器视频下载的完整解决方案 【免费下载链接】VideoDownloadHelper Chrome Extension to Help Download Video for Some Video Sites. 项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper 还在为无法保存网…...

编程新知 2026/5/25 15:54:17

CI/CD流水线中的幽灵依赖——DeepSeek项目92%存在未声明的transitive risk，你中招了吗？

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;CI/CD流水线中的幽灵依赖——DeepSeek项目92%存在未声明的transitive risk&#xff0c;你中招了吗&#xff1f; 在现代CI/CD实践中&#xff0c;开发者常误以为 package.json 或 requirements.txt 中显式…...

编程新知 2026/5/25 15:43:42

Charles弱网测试六维参数实战：从丢包率到DNS延迟的精准复现

1. 为什么弱网测试不能只靠“模拟3G”按钮点一下就完事做移动端或Web前端的同学&#xff0c;大概率都听过这句话&#xff1a;“上线前跑一遍Charles&#xff0c;切个2G网络测下加载。”——听起来很专业&#xff0c;实际一查日志&#xff0c;发现90%的团队连Charles的Throttlin…...

编程新知 2026/5/25 14:47:30

基于心理生理测试数据的认知年龄预测：从数据清洗到集成学习实战

1. 项目概述&#xff1a;从心理生理测试数据中预测认知年龄在认知科学和健康老龄化研究领域&#xff0c;我们常常面临一个核心挑战&#xff1a;如何客观、量化地评估一个人的“认知年龄”。这个概念不同于生理年龄&#xff0c;它反映的是个体基于其当前认知功能表现&#xff08…...

编程新知 2026/5/25 11:05:30

Kali Web渗透实战：从登录接口到管理员后台的完整链路

1. 这不是Kali的安装教程&#xff0c;而是Web渗透测试者的真实工作切片“精通 Kali Linux Web 渗透测试”——这个标题在各大技术社区里出现频率极高&#xff0c;但绝大多数内容要么是Kali系统安装基础命令罗列&#xff0c;要么是照搬OWASP Top 10概念空谈原理&#xff0c;真正…...

编程新知 2026/5/25 8:19:42

深入理解css-grid-polyfill原理：从源码角度解析实现机制

深入理解css-grid-polyfill原理&#xff1a;从源码角度解析实现机制 【免费下载链接】css-grid-polyfill A working implementation of css grids for current browsers. 项目地址: https://gitcode.com/gh_mirrors/cs/css-grid-polyfill CSS Grid布局是现代Web开发中强…...

编程新知 2026/5/25 6:34:51

神经模拟器超越训练数据：从误差纠正到高效科学计算

1. 项目概述&#xff1a;当神经模拟器“青出于蓝”在科学计算这个行当里&#xff0c;求解偏微分方程&#xff08;PDE&#xff09;是模拟从流体流动到热量传递、从电磁场到量子力学等几乎所有物理现象的基础。我们这些搞计算的人&#xff0c;常年跟有限差分、有限体积、有限元这…...

编程新知 2026/5/25 6:23:38

为什么选择Vueify？探索Vue单文件组件的Browserify终极解决方案 [特殊字符]

为什么选择Vueify&#xff1f;探索Vue单文件组件的Browserify终极解决方案 &#x1f680; 【免费下载链接】vueify Browserify transform for single-file Vue components 项目地址: https://gitcode.com/gh_mirrors/vu/vueify 在前端开发的世界中&#xff0c;Vue.js以其…...

编程新知 2026/5/25 3:39:01