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

javascript循环如何编写_for循环和while循环有何不同?

胖敏同学_9042

胖敏同学_9042

发布时间:2026-01-10 12:32:02

|

602人浏览过

|

来源于php中文网

原创

for循环适用于已知迭代次数的场景,如遍历数组或字符串;while适合条件未知、需动态判断是否继续的场景;do...while保证至少执行一次。

javascript循环如何编写_for循环和while循环有何不同?

for 循环适合已知迭代次数的场景

当你清楚要执行多少次、或遍历一个有明确长度的结构(如数组、字符串)时,for 更直接。它把初始化、条件判断、更新三部分写在一行里,逻辑集中,不易漏掉步进操作。

常见错误是忘记写 i++ 或写成 i = i + 1 却漏了分号导致意外行为;还有边界写错,比如用 而不是 <code> 导致越界访问 <code>arr[i]。

  • 数组遍历时,推荐用 for (let i = 0; i ,避免每次循环都重新读取 <code>arr.length(现代 JS 引擎会优化,但习惯上仍建议缓存)
  • 如果需要倒序遍历,用 for (let i = arr.length - 1; i >= 0; i--),注意别写成 i > 0 漏掉第 0 项
  • 不建议在 for 中修改 i 的值(比如在循环体里再写一次 i += 2),容易失控
for (let i = 0; i < 5; i++) {
  console.log(i); // 输出 0 1 2 3 4
}

while 循环更适合依赖动态条件的场景

当循环是否继续取决于某个随时可能变化的状态(比如用户输入、异步响应、队列是否为空),while 更自然。它的条件只在每次循环开始前检查,不预设次数。

典型陷阱是忘记在循环体内更新判断变量,造成死循环;或者条件一开始就不成立,导致一次都不执行(有时这正是你想要的,但多数时候容易误判)。

Java调试
Java调试

通过 JDWP 实现 Java 远程调试:连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。 术语注解 JDWP:Java Debug Wire Protocol,Java 调试有线协议(Java 远程调试底层通信协议) remote JVM:远程 Java 虚拟机 step through code:代码单步调试(步入 / 步过 / 步出调试) inspect variables:变量查看 / 变量检视 stac

下载

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

  • 处理异步任务队列时,常用 while (queue.length > 0) 配合 queue.shift()
  • 读取流数据或等待某个标志位变为 true,比如 while (!loaded) { await sleep(100); }
  • 如果需要至少执行一次,改用 do...while,但要注意语法末尾必须有分号
let count = 0;
while (count < 3) {
  console.log(count);
  count++; // 忘记这行就会无限打印 0
}

性能与可读性差异其实很小,但语义不能混用

V8 或 SpiderMonkey 对两种循环的优化程度接近,实际性能差距通常可忽略。真正影响代码质量的是语义匹配度:用 for 表达“遍历固定范围”,用 while 表达“持续直到满足某条件”。强行互换会让别人(包括未来的你)多花时间理解意图。

  • 遍历 Map 或 Set 优先用 for...of,不是传统 for 或 while
  • 不要为了“看起来高级”而嵌套多层 while 替代 for,尤其在矩阵操作中
  • ESLint 规则 no-constant-condition 会警告 while (true) 类写法,除非你明确加了 break 或 return

break 和 continue 在两者中行为一致,但位置含义不同

break 总是跳出当前最内层循环,continue 跳过本次剩余逻辑并进入下一轮判断——这点在 for 和 while 中完全相同。区别在于:在 for 中,continue 会先执行第三部分(如 i++),而在 while 中不会自动做任何事,所有更新都得手动写在循环体开头或结尾。

  • 在 for (let i = 0; i 中,<code>i 仍会从 2 变成 3
  • 在等价的 while 写法中,如果你在 if (i === 2) continue 后没写 i++,就会卡在 2
  • 多层循环中想跳出外层,得用带标签的 break outerLoop,和循环类型无关

JavaScript 里循环选型的关键不在性能,而在让代码第一眼就说出“我为什么在这里转圈”。写完记得问自己一句:这个条件是预先可知的,还是运行中才浮出水面的?答案决定了该用哪个。

相关文章

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

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

下载

相关标签:

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

热门AI工具

更多
墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

VibeKnow
VibeKnow Hot

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

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

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

WorkBuddy

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

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

DeepSeek

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

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

更多
while的用法
while的用法

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

354

2023.09.25

java中break的作用
java中break的作用

本专题整合了java中break的用法教程,阅读专题下面的文章了解更多详细内容。

3200

2025.10.15

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

847

2025.10.24

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

847

2025.10.24

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1898

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

3084

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6324

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6369

2023.11.24

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

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