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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36

Browser: Chrome 88

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), []);