Run results for: Array looping - for, Array.forEach, for-of, array.entries()

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:128.0) Gecko/20100101 Firefox/128.0

Browser: Firefox 128

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Simple for loop - Access value only

1.6M/s

Simple for loop - Access index and value

1.5M/s

for-of - Access value only

455K/s

Array.forEach - Access value only

340K/s

Array.forEach - Access index and value

323K/s

for-of + Array.entries

185K/s

View exact numbers

Test name	Executions per second
✓ Simple for loop - Access value only	1,574,334 Ops/sec
Simple for loop - Access index and value	1,479,458 Ops/sec
for-of - Access value only	455,430 Ops/sec
Array.forEach - Access value only	339,642 Ops/sec
Array.forEach - Access index and value	323,023 Ops/sec
for-of + Array.entries	184,823 Ops/sec

Script Preparation code:

var arr = [];

for( var cpt = 0; cpt < 1000; cpt++ ) {
  arr.push( Math.random() );
}

var someFn = function( item ) {
  return item * 3 + item / 5;
}

Tests:

Simple for loop - Access index and value
let total = 0; for( var i = 0, n = arr.length; i < n; i++ ) { total += i + arr[i]; }
Array.forEach - Access index and value
let total = 0; arr.forEach((value, i) => { total += i + value; });
for-of + Array.entries
let total = 0; for(const [i, value] of arr.entries()) { total += i + value; }
for-of - Access value only
let total = 0; for(const value of arr) { total += value; }
Simple for loop - Access value only
let total = 0; for( var i = 0, n = arr.length; i < n; i++ ) { total += arr[i]; }
Array.forEach - Access value only
let total = 0; arr.forEach((value) => { total += value; });