Benchmark: filter vs foreach loop test performance

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter+some+map
filter+find+map
forEach
forEach+push

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: 10 months ago)

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/OS: Chrome 114 on Windows

View result in a separate tab

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

filter vs foreach loop test performance (version: 1)

Comparing performance of: filter+some+map vs filter+find+map vs forEach vs forEach+push

Created: one year ago by: Registered User

Jump to the latest result

filter+some+map

filter+find+map

forEach

forEach+push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A