Run results for: Reduce + Spread vs Reduce + Concat vs Reduce + Concat (spread)

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0

Browser: Firefox 86

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Tests:

Reduce + Concat
const users = { 'user_1': { list: { ids: [...Array(400)].map(e=>Math.random()*40|0) } }, 'user_2': { list: { ids: [...Array(500)].map(e=>Math.random()*40|0) } }, 'user_3': { list: { ids: [...Array(600)].map(e=>Math.random()*40|0) } }, 'user_4': { list: { ids: [...Array(700)].map(e=>Math.random()*40|0) } }, } const result = Object.values(users).reduce((ids, user) => ids.concat(user.list.ids), []);
Reduce + Spread
const users = { 'user_1': { list: { ids: [...Array(400)].map(e=>Math.random()*40|0) } }, 'user_2': { list: { ids: [...Array(500)].map(e=>Math.random()*40|0) } }, 'user_3': { list: { ids: [...Array(600)].map(e=>Math.random()*40|0) } }, 'user_4': { list: { ids: [...Array(700)].map(e=>Math.random()*40|0) } }, } const result = Object.values(users).reduce((ids, user) => [...ids, ...user.list.ids], []);
Reduce + Concat (spread source)
const users = { 'user_1': { list: { ids: [...Array(400)].map(e=>Math.random()*40|0) } }, 'user_2': { list: { ids: [...Array(500)].map(e=>Math.random()*40|0) } }, 'user_3': { list: { ids: [...Array(600)].map(e=>Math.random()*40|0) } }, 'user_4': { list: { ids: [...Array(700)].map(e=>Math.random()*40|0) } }, } const result = Object.values(users).reduce((ids, user) => ids.concat(...user.list.ids), []);