17370845950

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

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

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

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

• 数组遍历时，推荐用 for (let i = 0; i ，避免每次循环都重新读取 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 更自然。它的条件只在每次循环开始前检查，不预设次数。

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

• 处理异步任务队列时，常用 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 中，i 仍会从 2 变成 3
• 在等价的 while 写法中，如果你在 if (i === 2) continue 后没写 i++，就会卡在 2
• 多层循环中想跳出外层，得用带标签的 break outerLoop，和循环类型无关

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