JavaScript有for、while、do...while、for...in、for...of五种循环语句；遍历数组推荐for和for...of，forEach是数组方法非语句；for...in不适用于数组，while/do...while需手动控索引，易出错。
JavaScript 有哪些循环语句？
JavaScript 有 for、while、do...while、for...in、for...of 这五种循环语句，但实际开发中真正用于「遍历数组」的只有 for、for...of 和部分场景下的 forEach()（注意：它不是语句，是数组方法）。
for...in 遍历的是对象属性名，对数组会遍历索引字符串（如 "0"、"1"），还可能受原型链干扰，不推荐用于数组。
while 和 do...while 虽然能用，但需要手动维护索引和终止条件，易出错，除非逻辑特殊，否则没必要替代 for。
怎么用 for 循环正确遍历数组？
标准写法是用三段式 for：初始化索引、设置边界条件、每次迭代后递增索引。关键点在于边界判断要使用 arr.length，且用 而不是 。
- 错误写法：
for (let i = 0; i → 最后一次访问arr[arr.length]是undefined，容易引发后续逻辑错误 - 推荐写法：
for (let i = 0; i → 索引范围严格对应0到arr.length - 1 - 如果循环中可能修改数组（如
splice()），应缓存长度：const len = arr.length; for (let i = 0; i ，否则arr.length动态变化会导致跳过或重复元素
const colors = ['red', 'green', 'blue'];
for (let i = 0; i < colors.length; i++) {
console.log(colors[i]); // red → green → blue
}for 循环遍历数组时要注意哪些坑？
看似简单，但几个细节常被忽略：
- 变量作用域：用
var声明i会导致闭包问题（所有回调共享同一个i），必须用let（块级作用域）或把i传入立即执行函数 - 稀疏数组：如果数组有空位（如
[1, , 3]），for仍会访问索引1（值为undefined），而for...of会跳过空位 —— 但多数业务数组不会故意留空位 - 性能：现代 JS 引擎对
for循环优化极好，比forEach()快不少；尤其在大数据量或高频循环（如动画帧、游戏逻辑）中，差异明显 - 异步操作：不要在
for循环里直接写await（会串行阻塞），要用for await...of或Promise.all()并发处理
什么时候不该用 for 循环遍历数组？
不是所有场景都适合 for。当目标明确是「对每个元素做变换/过滤/聚合」时，函数式方法更安全简洁：
- 需要新数组 → 用
map() - 需要筛选 → 用
filter() - 需要累积结果 → 用
reduce() - 只关心是否存在满足条件的元素 → 用
some()或every() - 要中断循环（break）→
for仍是唯一选择；forEach()无法中途退出，只能抛异常或改用some()/every()
复杂嵌套或需提前退出的逻辑，for 的可控性依然不
可替代；但日常数据转换，别硬套 for，容易写出冗长又难维护的代码。
