Benchmark: The fastest way to iterate over arrays

Script Preparation code:

var objectSize = 1000000;
var iterations = 20;

var array = [];

for (var i = 0; i < objectSize; i++) {
    array[i] = `val${i}`;
}

Tests:

for loop
for (var i = 0; i < iterations; i++) { for (var key = 0; key < array.length; key++) { var k = array[key]; } }
for loop with length caching
for (var i = 0; i < iterations; i++) { var length = array.length; for (var key = 0; key < length; key++) { var k = array[key]; } }
for...of
for (var i = 0; i < iterations; i++) { for (var value of array) { var k = value; } }
for...in
for (var i = 0; i < iterations; i++) { for (var key in array) { var k = array[key]; } }
forEach
for (var i = 0; i < iterations; i++) { array.forEach((value) => { var k = value; }); }
map
for (var i = 0; i < iterations; i++) { array.map((value) => { var k = value; }); }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Firefox 97 on Mac OS X 10.15

The fastest way to iterate over arrays (version: 3)