Benchmark: for vs foreach vs for..of vs for..of over entries vs for in vs for cache vs for reverse vs map

Script Preparation code:

var array = Array.from({length: 100});
var t;

Tests:

for
for (let i = 0; i < array.length; i++) { t = array[i]; }
foreach
array.forEach(function(v, i) { t = v; });
for..of
for (var v of array) { t = v; }
for..of over entries
for (var [i, v] of array.entries()) { t = v; }
for..in
for (var k in array) { t = array[k]; }
for cache length
for (let i = 0,len = array.length; i < len; i++) { t = array[i]; }
for reverse
for (let i = array.length - 1; i >= 0; i--) { t = array[i]; }
while
let i=0,len = array.length while(i < len){ t = array[i] i++ }
keys
for (var i of array.keys()) { t = array[i]; }
map
array.map(function(v, i) { t = v; });

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: 6 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser/OS: Chrome 118 on Mac OS X 10.15.7

for vs foreach vs for..of vs for..of over entries vs for in vs for cache vs for reverse vs map (version: 0)