Benchmark: Compare JS `for...of` VS `filter` VS `reduce` VS `forEach`

HTML Preparation code:

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

Script Preparation code:

const data = Array.from({ length: 10000 }, (_, i) => (i < 101 ? -1 : 1));
// Optional: Shuffle to make it realistic
// data.sort(() => Math.random() - 0.5);

Tests:

reduce
const count = data.reduce((acc, val) => val < 0 ? acc + 1 : acc, 0);
filter
const count = data.filter(item => item < 0).length;
for...of
let count = 0; for (const item of data) { if (item < 0) { count++; } }
forEach
let count = 0; data.forEach(item => item < 0 && count++);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
reduce
filter
for...of
forEach

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 27 days ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36

Browser/OS: Chrome 146 on Linux

View result in a separate tab

Test name	Executions per second
reduce	206993.4 Ops/sec
filter	136459.2 Ops/sec
for...of	262434.3 Ops/sec
forEach	232595.4 Ops/sec

Related benchmarks:

Compare JS `for...of` VS `filter` VS `reduce` VS `forEach` (version: 8)

Comparing performance of: reduce vs filter vs for...of vs forEach

Created: 27 days ago by: Registered User

Jump to the latest result

reduce

filter

for...of

forEach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A