Benchmark: forEach vs reduce vs map + filter vs for

Script Preparation code:

var arr = [];
for (var i = 0; i < 12345; i++) {
  arr[i] = i;
}

var arrForEach = [],
  arrReduce = [],
  arrForLoop = [];

Tests:

forEach
arr.forEach(item => { if(item % 2 === 0) arrForEach.push({value: item}); });
reduce
arr.reduce((lastValue, item) => { if(item % 2 === 0) lastValue.push({value: item}); return lastValue }, arrReduce);
map + filter
arr.filter(item => item % 2 === 0).map(item => ({value: item}));
for
for (var j = 0; j < arr.length; j++) { if(arr[j] % 2 === 0) arrForLoop.push({value: arr[j]}); }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.4 Safari/605.1.15

Browser/OS: Safari 26 on Mac OS X 10.15.7

forEach

2K/s

map + filter

1K/s

for

1K/s

reduce

867/s

View exact numbers

forEach vs reduce vs map + filter vs for (version: 1)