第 72 题：为什么普通 for 循环的性能远远高于 forEach 的性能，请解释其中的原因

[Rashomon511]

[lvtraveler]

• for 循环没有任何额外的函数调用栈和上下文；

• forEach函数签名实际上是

array.forEach(function(currentValue, index, arr), thisValue)

它不是普通的 for 循环的语法糖，还有诸多参数和上下文需要在执行的时候考虑进来，这里可能拖慢性能；

[YouziXR]

@yygmind 想问问题目中的截图，测试JS运行时间或者性能的网站，可以给个地址吗？

[schaoss]

@YouziXR 看起來是 jsperf

另外也推薦 jsbench.github.io，都很好用。

[thisisandy]

找了spec

其中forEach 里操作了toObject 以及判断是否终止循环条件比for loop 复杂一点。

[Jalever]

@yygmind 想问问题目中的截图，测试JS运行时间或者性能的网站，可以给个地址吗？

https://jsperf.com/testing-foreach-vs-for-loop

[jjeejj]

这是地址是截图的测试地址：
https://jsperf.com/foreach-compare-for

[mm-bt]

为哈我测试出来foreach更高呢 chrome版本越高 性能越好

[JasonMa-95]

牛逼

[JasonMa-95]

for循环本来就是最原始的循环方案 foreach是基于它封装的

[jjeejj]

为什么 forEach 的性能那么差，为什么还要有这个方法呢？难道就是为了方便？

[LiuMengzhou]

为什么 forEach 的性能那么差，为什么还要有这个方法呢？难道就是为了方便？

@jjeejj 我理解是普通的业务需求没有那么大的数组，所以性能差距很小。
forEach写法较for简单一点。个人理解

[Zephylaci]

@mm-bt 第一个测试我也是forEach稍微快一丝丝，记得以前看过说针对forEach的实现是改过的..
也就是用底层实现的循环(forEach,map)比自己写for循环效率要好..
当时我在浏览器里跑过测试发现的确是这样..（10万以内）
然而刚我又写了一遍类似的..单次的话..for循环是要慢一些..

[jjeejj]

我之前用浏览器的做的实验，现在改为 node发现了不一样的结果

let arrs = new Array(100000);

console.time('for');
for (let i = 0; i < arrs.length; i++) {

};
console.timeEnd('for');

console.time('forEach');
	
arrs.forEach((arr) => {
 
});
console.timeEnd('forEach');

for: 2.263ms
forEach: 0.254ms

在10万这个级别下， forEach 的性能是 for的十倍

for: 2.263ms
forEach: 0.254ms

在100万这个量级下， forEach 的性能是和for的一致

for: 2.844ms
forEach: 2.652ms

在1000万级以上的量级上 ， forEach 的性能远远低于for的性能

for: 8.422ms
forEach: 30.328m

[jjeejj]

@mm-bt 我也是，一样的结果，记得以前看过针对forEach的实现是改过的..依稀记得，我在浏览器里跑循环测试时间很多情况下forEach在数量非常大的情况下，比单纯的for要快一些...map也比for快，至少在10万次循环以内是这样

我也是，单独跑时间的话，是 forEach 快些，但是用那些性能测试工具的话，就是 for性能更好
比如 http://jsbench.github.io/ 和 https://jsperf.com/ 这两个工具测试