为什么普通 for 循环的性能远远高于 forEach 的性能?

8,320

作为一名前端开发,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.timeconsole.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要,JavaScript的执行性能也日益受到重视,WEB开发人员知道一些性能测试机器是必须的。测试JavaScript性能的方法有很多,但console.time/console.timeEnd两个方法是最基本、最直接的技巧。

  1. console.time方法是开始计算时间
  2. console.timeEnd是停止计时,输出脚本执行的时间。
  3. 这两个方法中都可以传入一个参数,作为计时器的名称,它的作用是在代码并行运行时分清楚各个计时器。
  4. 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的区别

【3.1】遍历

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

【3.2】数据结构

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

【3.3】性能上

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

六、如何选择

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

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


文章每周持续更新,可以微信搜索「 前端大集锦 」第一时间阅读,回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料