作为一名前端开发,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的区别
【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循环更加的灵活。