本文深入解析 javascript 中 for 循环内重置索引时因自增机制导致首元素“丢失”的典型问题，并提供正确、健壮的无限遍历方案。
本文深入解析 javascript 中 for 循环内重置索引时因自增机制导致首元素“丢失”的典型问题，并提供正确、健壮的无限遍历方案。
在 JavaScript 中，使用 for 循环实现数组的无限循环输出看似简单，实则暗藏陷阱。常见错误写法如下：
const li = [1, 2, 3, 4, 5];
for (let i = 0; i < li.length; i++) {
console.log(li[i]);
if (i + 1 === li.length) {
i = 0; // ❌ 错误：重置为 0 后，循环仍会执行 i++
}
}为什么第一个元素 1 只出现一次？
关键在于 for 循环的执行顺序：
- 执行循环体（含 console.log 和 if 判断）；
- 无条件执行更新表达式 i++；
- 再次判断 i < li.length，决定是否继续。
当 i === 4（即访问最后一个元素 5）时：
- 输出 li[4] → 5；
- 满足 i + 1 === li.length（5 === 5），执行 i = 0；
- 紧接着 i++ 被触发 → i 变为 1；
- 下一轮循环输出 li[1] → 2，跳过了 li[0]（即 1）。
因此实际输出为：1 2 3 4 5 2 3 4 5 2... —— 首元素永久缺失。
✅ 正确解法：将 i 重置为 -1，抵消后续 i++ 的影响：
const li = [1, 2, 3, 4, 5];
for (let i = 0; i < li.length; i++) {
console.log(li[i]);
if (i + 1 === li.length) {
i = -1; // ✅ 重置为 -1，下一轮 i++ 后变为 0
}
}此时执行流程为：
- i === 4 → 输出 5 → i = -1 → i++ → i = 0 → 下轮输出 li[0] → 1，完美闭环。
⚠️ 注意事项与更优实践：
- 避免修改循环变量：手动重置 i 违反 for 循环设计初衷，可读性差且易出错；
- 推荐替代方案：使用 while 循环或取模运算（%），语义更清晰、更安全：
// 方案1：while 循环（推荐）
const li = [1, 2, 3, 4, 5];
let i = 0;
while (true) {
console.log(li[i % li.length]);
i++;
}
// 方案2：for 循环 + 取模（简洁可靠）
for (let i = 0; ; i++) {
console.log(li[i % li.length]);
}取模方案天然支持任意长度数组，无需条件判断，代码零冗余，且完全规避索引越界与重置逻辑错误风险。
总结：理解 for 循环中「更新表达式」的强制执行时机是解决此类问题的关键；但在生产环境中，应优先选择语义明确、不易出错的 i % length 或 while(true) 模式，兼顾正确性、可维护性与可扩展性。
