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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser: Chrome 126

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

for-of - Access value only

878K/s

Array.forEach - Access value only

397K/s

Array.forEach - Access index and value

387K/s

for-of + Array.entries

286K/s

Simple for loop - Access index and value

42K/s

Simple for loop - Access value only

42K/s

View exact numbers

Test name	Executions per second
✓ for-of - Access value only	878,488 Ops/sec
Array.forEach - Access value only	396,608 Ops/sec
Array.forEach - Access index and value	387,324 Ops/sec
for-of + Array.entries	285,739 Ops/sec
Simple for loop - Access index and value	41,947 Ops/sec
Simple for loop - Access value only	41,557 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; });