Run results for: forEach vs reduce vs map + filter vs for

Run details:

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: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

map + filter

13K/s

reduce

2K/s

forEach

1K/s

for

955/s

View exact numbers

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]}); }