JavaScript循环有哪些？for和while怎么用

本篇文章向大家介绍《JavaScript循环有哪些？for和while怎么用》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

for循环适用于明确迭代次数或需索引控制的场景，如数组遍历、生成固定序列、倒计时及嵌套操作；while循环则用于条件不确定、依赖动态判断的重复执行。

for 和 while 是 JavaScript 中最基础、最常用的两种循环结构，但它们适用场景不同，不能简单互换。选错会导致逻辑错误、死循环，或遍历不完整。

什么时候该用 for 循环？

当你**明确知道要执行多少次**，或者能通过索引/计数器精确控制迭代过程时，for 是首选。

• 数组按索引顺序遍历（如 fruits[i]）
• 生成固定范围序列（如 1 到 100）
• 需要在循环开始前初始化、结束后更新变量（比如倒计时 i--）
• 嵌套循环写乘法表、矩阵操作等

关键点在于三段式结构：for (let i = 0; i 中的初始化、条件、更新都写在一行，逻辑集中，不易漏掉递增。

⚠️ 容易踩的坑：

• 忘记写 i++ 或写成 i = i + 1 却漏了分号导致语法错误
• 用 var 声明导致作用域污染（推荐始终用 let）
• 循环条件写成 i ——越界访问 arr[arr.length] 返回 undefined，不是报错但逻辑出错

const colors = ['red', 'green', 'blue'];
for (let i = 0; i <h3>什么时候该用 <code>while</code> 循环？</h3><p>当你**不知道要循环几次，只关心“满足什么条件就继续”** 时，<code>while</code> 更自然。</p>

• 等待用户输入合法值（比如非空、是数字）
• 处理异步流中的 chunk 数据（配合 reader.read()）
• 模拟状态机：只要 status !== 'done' 就持续轮询

它把条件判断放在最前面，每次进循环体前都重新求值，所以必须确保循环体内有能影响条件的语句，否则就是死循环。

⚠️ 容易踩的坑：

• 没在循环体内修改判断变量（比如漏掉 i++），直接卡死
• 条件写成赋值 while (i = 5) 而不是比较 while (i === 5)，永远为真
• 初始值设错，导致一次都不执行（比如 let count = 10; while (count ）

let input;
while (!input || isNaN(input)) {
  input = prompt('请输入一个有效数字：');
}
console.log('你输入的是：', Number(input));

for 和 while 能互相替代吗？

语法上可以，但语义和可读性差别很大。强行替换会让代码反直觉。

• 用 while 写计数循环：你需要手动声明、判断、更新变量，三件事散落在不同位置，容易出错
• 用 for 模拟输入校验：得把条件硬塞进第二段，初始化和更新也显得别扭，比如 for (; !valid; ) { ... } —— 违背 for 的设计本意
• 现代 JS 中，更推荐用 for...of 遍历数组/字符串，用 Array.prototype.find 或 some 替代“找某个值就退出”的 while 场景

真正需要警惕的，不是“能不能换”，而是“换完之后，别人（包括三天后的你）一眼能不能看懂意图”。

还有哪些循环变体必须知道？

ES6 后，for...in 和 for...of 成为高频补充，但它们和 for/while 不是同一类东西：

• for...in 遍历对象**属性名**（包括原型链上可枚举的），不是值；遍历数组会得到字符串索引 "0"、"1"，且顺序不保证 —— 别用它遍历数组
• for...of 遍历可迭代对象的**值**（数组、Map、Set、字符串），简洁安全，但不适用于普通对象（会报 TypeError: obj is not iterable）
• do...while 确保至少执行一次，适合密码重试、菜单选择这类“先做再问”的交互，但日常业务中使用频率远低于前两者

初学时最容易混淆 for...in 和 for...of 的适用对象，记住一句口诀：对象用 in，值用 of —— 虽然不绝对，但够用。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~