Run results for: filter vs foreach loop test performance

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.79

Browser: Chrome 114

Operating system: Windows

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
filter+some+map	377247.5 Ops/sec
filter+find+map	389317.4 Ops/sec
forEach	852.0 Ops/sec
forEach+push	314771.0 Ops/sec

Script Preparation code:

var a = [
  {id: 1, title: 'a1', key_a: 'key_a1'},
  {id: 2, title: 'a2', key_a: 'key_a2'},
  {id: 3, title: 'a3', key_a: 'key_a3'},
  {id: 4, title: 'a4', key_a: 'key_a4'},
];
var b = [
  {id: 1, title: 'b1', key_b: 'key_b1'},
  {id: 1, title: 'b11', key_b: 'key_b11'},
  {id: 2, title: 'b2', key_b: 'key_b2'},
  {id: 2, title: 'b22', key_b: 'key_b22'},
  {id: 5, title: 'b5', key_b: 'key_b5'},
];
var filterSomeMapResult = [],
    filterFindMapResult = [],
    forEachResult = [],
    forEachPushResult = [];

console.log('filterSomeMapResult', filterSomeMapResult);
console.log('filterFindMapResult', filterFindMapResult);
console.log('forEachResult', forEachResult);
console.log('forEachPushResult', forEachPushResult);

Tests:

filter+some+map
filterSomeMapResult = b .filter(bItem => a.some(aItem => aItem.id == bItem.id)) .map(item => ({ ...item, ...a.find(aItem => aItem.id === item.id) }))
filter+find+map
filterFindMapResult = b .filter(bItem => a.find(aItem => aItem.id == bItem.id)) .map(item => ({ ...item, ...a.find(aItem => aItem.id === item.id) }))
forEach
b.forEach(bItem => { const x = a.find(aItem => aItem.id == bItem.id); if(x) { forEachResult = [...forEachResult, { ...bItem, ...x }] } })
forEach+push
b.forEach(bItem => { const x = a.find(aItem => aItem.id == bItem.id); if(x) { forEachPushResult.push({ ...bItem, ...x }) } })

Run results for: filter vs foreach loop test performance

filter+some+map

filter+find+map

forEach

forEach+push