Run results for: for vs foreach vs for..of, but with rich object array

Run details:

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

Browser: Chrome 84

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
for	168.9 Ops/sec
foreach	74.6 Ops/sec
for..of	80.7 Ops/sec

Script Preparation code:

var array = [...Array(100000)].map(() => ({
    label: Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 10),
    value: Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 10)
}))

Tests:

for
for (var i = 0, n = array.length; i < n; i++) { array[i]; }
foreach
array.forEach(function(i) { array[i]; });
for..of
for (var i of array) { array[i]; }

Run results for: for vs foreach vs for..of, but with rich object array

Compare loop performance

for

foreach

for..of