JavaScript循环结构对比：for、forEach与for of的性能与应用

1. 循环结构深度解析：for、forEach与for of的实战对比

作为JavaScript开发中最基础也最常用的三种循环方式，for、forEach和for of在实际开发中各有其适用场景和性能特点。很多开发者虽然每天都在使用它们，但对底层差异和最佳实践却缺乏系统认知。本文将结合V8引擎实现原理和实际业务场景，带你彻底掌握这三种循环方式的本质区别。

1.1 传统for循环的底层优势

javascript复制for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

传统for循环之所以在性能敏感场景下表现优异，关键在于：

1. 直接内存访问：通过索引直接计算元素内存地址，省去了迭代器的创建开销
2. 可预测的分支：固定步长的循环结构更容易被JIT编译器优化
3. 完全控制权：可以自由控制循环步长、方向和中止条件

在Chrome V8引擎中，这种循环会被编译为高效的机器码，特别是当数组长度在循环前被缓存时（const len = array.length），性能可以达到最优。

实际测试表明：在100万次迭代中，for循环比forEach快约3-5倍

1.2 forEach的函数式特性与限制

javascript复制array.forEach((item, index) => {
  console.log(index, item);
});

forEach的核心特点包括：

1. 不可中断性：无法使用break或return终止循环
2. 上下文绑定：第二个参数可指定回调函数的this值
3. 链式调用：适合函数式编程风格的代码组织

在V8的实现中，forEach会为每个元素创建新的函数执行上下文，这是其性能开销的主要来源。但在现代JavaScript引擎中，这种开销已经被优化到可接受范围。

1.2.1 典型应用场景

• 需要对数组每个元素执行相同操作
• 需要保持代码的声明式风格
• 需要利用其自动处理稀疏数组的特性

1.3 for of的迭代协议支持

javascript复制for (const item of array) {
  if