Run results for: foreach vs filter+map

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:105.0) Gecko/20100101 Firefox/105.0

Browser: Firefox 105

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
filter + map	805253.6 Ops/sec
forEach	998573.1 Ops/sec

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).map(contact => contact.id).filter(id => selectedItems.indexOf(id) === -1)
forEach
Object.values(contacts).forEach((contact) => { if (selectedItems.indexOf(contact.id) === -1) { selectedItems.push(contact.id); } });

Run results for: foreach vs filter+map

filter + map

forEach