Run results for: map vs findIndex & slice

Run details:

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

Browser: Firefox 112

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
map	16383.0 Ops/sec
findIndex & spread	234577.3 Ops/sec
findIndex & slice	248898.7 Ops/sec

Tests:

map
function updateTodo(update, list) { console.log('LIST', list); const updatedAt = new Date().toISOString(); return list.map((item) => item.id === update.id ? { ...item, ...update, updatedAt } : item ); } const update = {id: 5, done: true} const list = [{id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 5, done: false}] const other = updateTodo(update, list)
findIndex & spread
function updateTodo(update, list) { const updatedAt = new Date().toISOString(); const indexToUpdate = list.findIndex((item) => item.id === update.id); const newList = [...list]; newList[indexToUpdate] = { ...newList[indexToUpdate], ...update, updatedAt }; return newList; } const update = {id: 5, done: true} const list = [{id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 5, done: false}] const other = updateTodo(update, list)
findIndex & slice
function updateTodo(update, list) { const updatedAt = new Date().toISOString(); const indexToUpdate = list.findIndex((item) => item.id === update.id); const newList = list.slice(); newList[indexToUpdate] = { ...newList[indexToUpdate], ...update, updatedAt }; return newList; } const update = {id: 5, done: true} const list = [{id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 1, done: false}, {id: 5, done: false}] const other = updateTodo(update, list)

Run results for: map vs findIndex & slice

map

findIndex & spread

findIndex & slice