Run results for: spread vs mutation vs Object.assign for reduce callback for objects

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36

Browser: Chrome 92

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Tests:

with spread operator
const range = (from, to) => { const output = [] for(var x = from; x < to; x++){ output.push({x, y: x, z: x}) } return output } range(0, 10).reduce((acc, obj) => { return { ...acc, ...obj } }, {})
with mutation
const range = (from, to) => { const output = [] for(var x = from; x < to; x++){ output.push({x, y: x, z: x}) } return output } range(0, 10).reduce((acc, obj) => { for (const key of Object.keys(obj)) { acc[key] = obj[key] } return acc }, {})
with object assign
const range = (from, to) => { const output = [] for(var x = from; x < to; x++){ output.push({x, y: x, z: x}) } return output } range(0, 10).reduce((acc, obj) => { return Object.assign(acc, obj) }, {})