Benchmark: MapFilter vs ForEach

Script Preparation code:

function guid() {
  function s4() {
    return Math.floor((1 + Math.random()) * 0x10000)
      .toString(16)
      .substring(1);
  }
  return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}

arr = [];
for (let i = 0; i < 1000; i++) {
  arr[i] = { id: i, value: guid() }
}

Tests:

ForEach
let result = []; arr.forEach(e => { if (e.id % 7 === 0 || e.id % 13 === 2) { result.push({ text: 'id: ' + e.value, value: e.id }); } });
MapFilter
result = arr.filter(e => e.id % 7 === 0 || e.id % 13 === 2).map(e => ({ text: 'id: ' + e.value, value: e.id }))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ForEach
MapFilter

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2025 years ago)

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.167 Safari/537.36

Browser/OS: Chrome 64 on Windows 7

View result in a separate tab

Test name	Executions per second
ForEach	95980.6 Ops/sec
MapFilter	77817.4 Ops/sec

MapFilter vs ForEach (version: 0)

Comparing performance of: ForEach vs MapFilter

Created: 6 years ago by: Guest

Jump to the latest result

ForEach

MapFilter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A