Run results for: Compare JS `for...of` VS `filter` VS `reduce` VS `forEach`

Run details:

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

Browser: Chrome 146

Operating system: Linux

Device Platform: Desktop

Date tested: 5 months ago

Benchmark engine: Benchmark.js

for...of

263K/s

forEach

235K/s

reduce

94K/s

filter

88K/s

View exact numbers

Test name	Executions per second
✓ for...of	263,418 Ops/sec
forEach	235,333 Ops/sec
reduce	93,867 Ops/sec
filter	87,859 Ops/sec

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++);