讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript循环有哪些_如何使用for和while循环?

秋墨酱_5118

秋墨酱_5118

发布时间:2026-01-02 22:09:09

|

989人浏览过

|

来源于php中文网

原创

JavaScript常用循环有五种:for、while、do-while、for...in、for...of;最基础常用的是for和while,其中for适合已知次数的重复操作,由初始化、条件判断、更新表达式三部分组成,结构清晰、控制精准。

javascript循环有哪些_如何使用for和while循环?

JavaScript 中常用的循环有五种:for、while、do-while、for...in、for...of。其中最基础、最常用的是 for 和 while 循环,它们适用于不同场景,掌握它们的写法和执行逻辑是写好循环代码的关键。

for循环:适合已知次数的重复操作

for 循环由三部分组成:初始化、条件判断、更新表达式,全部写在一对小括号里,结构清晰、控制精准。

  • 语法格式:for (let i = 0; i
  • 执行顺序:先初始化(只执行一次)→ 每次循环前判断条件 → 条件为真则执行循环体 → 执行更新语句 → 再次判断条件
  • 典型用法:遍历数组索引、打印固定次数内容、生成序列等
    例如:for (let i = 1; i 会输出“第1次”“第2次”“第3次”
  • 注意点:别漏掉更新语句(如 i++),否则容易造成死循环;变量作用域推荐用 let,避免意外泄露

while循环:适合条件驱动的重复执行

while 循环先检查条件,再决定是否执行循环体。只要条件为真,就持续执行,直到条件变为假为止。

Java Maven Common
Java Maven Common

Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。

下载
  • 语法格式:while (条件) { /* 循环体 */ }
  • 执行逻辑:每次进入循环前都重新计算条件表达式;条件为 false 时立即跳出,不执行循环体
  • 典型用法:处理用户输入、等待某个状态变化、读取流数据等
    例如:let count = 0; while (count
  • 注意点:必须在循环体内修改影响条件的变量,否则极易陷入无限循环;适合不确定执行次数但有明确退出条件的场景

do-while循环:确保至少执行一次

它和 while 的核心区别在于:先执行循环体,再判断条件。哪怕初始条件为 false,也会运行一遍。

立即学习“Java免费学习笔记(深入)”;

  • 语法格式:do { /* 循环体 */ } while (条件);(注意末尾有分号)
  • 典型用法:密码验证、菜单选择、需要“先做再问”的交互流程
    例如:让用户输入选项,直到输入 A/B/C 之一才停止
  • 注意点:条件写在末尾,且必须以分号结尾;逻辑上更接近“执行并确认”,不是“确认后执行”

for...in 和 for...of:专用于遍历对象和可迭代值

这两个是高级循环,不靠计数器,而是靠数据结构本身的特性来驱动。

  • for...in:遍历对象的**可枚举属性名**(包括继承来的),常用于对象键名提取
    例如:const obj = {x: 1, y: 2}; for (let key in obj) console.log(key); // 输出 x、y
  • for...of:遍历**可迭代对象的值**,如数组、字符串、Map、Set 等,不适用于普通对象
    例如:const arr = [10, 20]; for (let val of arr) console.log(val); // 输出 10、20
  • 注意点:不要用 for...in 遍历数组索引(顺序不可靠、可能包含原型方法);for...of 是 ES6 引入,需注意兼容性

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

更多
while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

354

2023.09.25

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

0

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

0

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

0

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

0

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

0

2026.10.22

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

0

2026.10.22

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

0

2026.10.22

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

40

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn