Benchmark: for vs foreach vs for..of, but with rich object array, but fair

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) { i; });
for..of
for (var i of array) { i; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for
foreach
for..of

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

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

Browser/OS: Firefox 77 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
for	3665.0 Ops/sec
foreach	10083.9 Ops/sec
for..of	2015.6 Ops/sec

for vs foreach vs for..of, but with rich object array, but fair (version: 0)

Compare loop performance

Comparing performance of: for vs foreach vs for..of

Created: 3 years ago by: Guest

Jump to the latest result

for

foreach

for..of

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A