Benchmark: Doing foreach right way vs fancy hyped way - MeasureThat.net

Script Preparation code:

var arr = new Array(1000).fill(0);

Tests:

for..of loop
let count = 0; for (const item of arr) { count++; }
forEach - block
let count = 0; arr.forEach(() => { count++; });
forEach - return
let count = 0; arr.forEach(() => count++);
map
let count = 0; arr.map(() => count++);
filter
let count = 0; arr.filter(() => count++);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for..of loop
forEach - block
forEach - return
map
filter

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: 2 years ago)

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

Browser/OS: Chrome 95 on Windows

View result in a separate tab

Test name	Executions per second
for..of loop	1193321.0 Ops/sec
forEach - block	649311.2 Ops/sec
forEach - return	652896.6 Ops/sec
map	312307.1 Ops/sec
filter	268549.3 Ops/sec