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

发布于 2022-10-21 11:37:29 字数 3141 浏览 165 评论 46

作为一名前端开发，for 和 foreach 循环遍历几乎每天都在使用，那么这两种遍历方式哪一种效率更高呢？效率高的原因是什么呢？

一、for() 循环

通过下标，对循环中的代码反复执行，功能强大，可以通过 index 取得元素。在处理比较复杂的处理的时候较为方便

二、forEach() 循环

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。foreach 有的也叫增强 for 循环，foreach 其实是 for 循环的一个特殊简化版。注意 forEach() 对于空数组是不会执行回调函数的

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

function(currentValue, index, arr)：必需。数组中每个元素需要调用的函数。

currentValue	必需，当前元素
index	可选，当前元素的索引值。
arr	可选，当前元素所属的数组对象。

thisValue： 可选。传递给函数的值一般用 this 值。如果这个参数为空， undefined 会传递给 this 值

三、console.time 和 console.timeEnd 用法

console.time 和 console.timeEnd 这两个方法可以用来让 Web 开发人员测量一个 JavaScript 脚本程序执行消耗的时间。随着 Web 应用越来越重要，JavaScript 的执行性能也日益受到重视，Web 开发人员知道一些性能测试机器是必须的。测试 JavaScript 性能的方法有很多，但 console.time/console.timeEnd 两个方法是最基本、最直接的技巧。

console.time 方法是开始计算时间
console.timeEnd 是停止计时，输出脚本执行的时间。
这两个方法中都可以传入一个参数，作为计时器的名称，它的作用是在代码并行运行时分清楚各个计时器。
对 console.timeEnd 的调用会立即输出执行总共消耗的时间，单位是毫秒。

// 启动计时器
console.time('计时器名称');

// (写一些测试用代码)

// 停止计时，输出时间
console.timeEnd('计时器名称');

四、测试性能

在 1000000 这个级别下，forEach 的性能高于 for

let arrs = new Array(1000000);

console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 10.329833984375ms

console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 5.076904296875ms

在 10000000 这个级别下，forEach 的性能还是高于 for

let arrs = new Array(10000000);

console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 95.157958984375ms

console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 37.9619140625ms

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

let arrs = new Array(100000000);

console.time('for');
for (let i = 0; i < arrs.length; i++) {};
console.timeEnd('for'); // for: 939.18994140625ms

console.time('forEach');
arrs.forEach((arr) => {});
console.timeEnd('forEach'); // forEach: 1614.8642578125ms

五、for 和 forEach 的区别

遍历

for 循环按顺序遍历，forEach 使用 iterator 迭代器遍历

数据结构

for 循环是随机访问元素，foreach 是顺序链表访问元素

性能上

对于 arraylist，是顺序表，使用 for 循环可以顺序访问，速度较快；使用 foreach 会比 for 循环稍慢一些。
对于 linkedlist，是单链表，使用 for 循环每次都要从第一个元素读取 next 域来读取，速度非常慢；使用 foreach 可以直接读取当前结点，数据较快；

六、如何选择

foreach 相对于 for 循环，代码减少了，但是 foreach 依赖 IEnumerable。在运行的时候效率低于 for 循环。当然了，在处理不确定循环次数的循环，或者循环次数需要计算的情况下。使用 foreach 比较方便。而且 foreach 的代码经过编译系统的代码优化后，和 for 循环的循环类似。

可以说，foreach 语句是 for 语句的特殊简化版本，在遍历数组、集合方面，foreach 为开发人员提供了极大的方便。在复杂的循环设计时，还是应该使用 for 循环更加的灵活。

分享到QQ

分享到微博