Benchmark: Array creation for, map, foreach

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var elements = Array.from({length:100}).map(() => Math.floor(Math.random() * 1000));

Tests:

for loop
const result = []; for (let i = 0; i < elements.length; i++) { if (elements[i] % 5 === 0) { result.push(elements[i] * 2); } }
for of loop
const result = []; for (let element of elements) { if (element % 5 === 0) { result.push(element * 2); } }
forEach
const result = []; elements.filter(element => element % 5 === 0).forEach(element => result.push(element * 2));
map
const result = elements.filter(element => element % 5 === 0).map(element => element * 2);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for loop
for of loop
forEach
map

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 132 on Mac OS X 10.15.7

View result in a separate tab

for of loop

6.6M/s

forEach

5.2M/s

map

4.6M/s

for loop

2.8M/s

View exact numbers

Test name	Executions per second
✓ for of loop	6,612,008 Ops/sec
forEach	5,186,380 Ops/sec
map	4,636,602 Ops/sec
for loop	2,835,551 Ops/sec

Array creation for, map, foreach (version: 1)

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

Created: one year ago by: Guest

Go to the latest result

for loop

for of loop

forEach

map

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Array creation for, map, foreach (version: 1)

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

Created: one year ago by: Guest

Go to the latest result

for loop

for of loop

forEach

map

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

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