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

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36

Browser: Chrome 84

Operating system: Windows 7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
for	122.3 Ops/sec
foreach	60.5 Ops/sec
for..of	64.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