Benchmark: foreach vs filter+map

Script Preparation code:

var contacts = {
  'a1@a.com': {id: 1},
  'a2@a.com': {id: 2},
  'a3@a.com': {id: 3},
  'a4@a.com': {id: 4},
  'a5@a.com': {id: 5},
  'a6@a.com': {id: 6},
  'a7@a.com': {id: 7},
  'a8@a.com': {id: 8},
  'a9@a.com': {id: 9},
  'a10@a.com': {id: 10},
}

var selectedItems = [1,3,7];

Tests:

filter + map
selectedItems = Object.values(contacts).filter(contact => selectedItems.indexOf(contact.id) === -1).map(contact => contact.id)
forEach
Object.values(contacts).forEach((contact) => { if (selectedItems.indexOf(contact.id) === -1) { selectedItems.push(contact.id); } });

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter + map
forEach

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: 5 years ago)

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

Browser/OS: Chrome 72 on Linux

View result in a separate tab

Test name	Executions per second
filter + map	604010.9 Ops/sec
forEach	719407.8 Ops/sec

foreach vs filter+map (version: 0)

Comparing performance of: filter + map vs forEach

Created: 6 years ago by: Guest

Jump to the latest result

filter + map

forEach

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A