Benchmark: map vs splice test

Tests:

map
const events = []; let max = 1000; while (max > 0) { events.push({ id: max, title: `t ${max}`}); max --; } const event = { id: 500, title: 'foo' }; const index = events.findIndex((el) => el.id === event.id); let updated; if (index === -1) { updated = events.map((el) => el.id === event.id ? event : el); } else { updated = [ ...events, event ]; }
slice
const events = []; let max = 1000; while (max > 0) { events.push({ id: max, title: `t ${max}`}); max --; } const event = { id: 500, title: 'foo' }; const index = events.findIndex((el) => el.id === event.id); let updated; if (index === -1) { updated = [ ...events.slice(0, index), event, ...events.slice(index + 1) ]; } else { updated = [ ...events, event ]; }

Rendered benchmark preparation results:

Previous results

Test case name	Result
map
slice

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

Latest run results:

Run details: (Test run date: 8 months ago)

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Mobile Safari/537.36

Browser/OS: Chrome Mobile 116 on Android

Test name	Executions per second
map	19781.8 Ops/sec
slice	20634.6 Ops/sec

map vs splice test (version: 0)