Benchmark: array iteration vs map + filter vs for..of vs for loop

Script Preparation code:

const obj = (id, data = false) => ({
    data: data ? {} : undefined,
    id
})

const array = [...Array.from({
    length: 10
})].map((_, i) => obj(i, i % 2 === 0))

Tests:

forEach
array.forEach((value, index) => { if (value.data) { console.log(value) } })
map
array.filter(({ data }) => !!data).map((value, index) => { console.log(value) })
for..of
for (const value of array) { if (value.data) { console.log(value) } }
for loop
for (let i = 0; i < array.length; i++) { if (array[i].data) { console.log(array[i]) } }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
forEach
map
for..of
for loop

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Firefox 148 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
forEach	9563.2 Ops/sec
map	9333.6 Ops/sec
for..of	9323.1 Ops/sec
for loop	9344.1 Ops/sec

Related benchmarks:

array iteration vs map + filter vs for..of vs for loop (version: 1)

Comparing performance of: forEach vs map vs for..of vs for loop

Created: one year ago by: Guest

Jump to the latest result

forEach

map

for..of

for loop

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A