Benchmark: for vs for with cached length vs foreach vs for..of

Script Preparation code:

var array = new Array(100);
var alen = array.length;

Tests:

for
for (var i = 0; i < array.length; i++) { array[i]; }
foreach
array.forEach(function(i) { array[i]; });
for..of
for (var i of array) { array[i]; }
for with cached length
for (var i = 0, len = array.length; i < len; i++) { array[i]; }
for with pre-cached length
for (var i = 0; i < alen; i++) { array[i]; }

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

Browser/OS: Chrome 99 on Mac OS X 10.15.7

for vs for with cached length vs foreach vs for..of (version: 0)