Run results for: Object.defineProperty vs Object.assign vs. Direct property assignment

Run details:

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

Browser: Firefox 92

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 3 years ago

Script Preparation code:

var input = new Array(1000).fill().map((v, i) => i)

Tests:

Object.defineProperty
const output = input.reduce((acc, value) => Object.defineProperty(acc, `key${value}`, { value }), {});
Object.assign (immutable)
const output = input.reduce((acc, value) => Object.assign({}, acc, { [`key${value}`]: value }), {});
Object.assign (mutable)
const output = input.reduce((acc, value) => Object.assign(acc, { [`key${value}`]: value }), {});
Direct assign
const output = input.reduce((acc, value) => (acc[`key${value}`] = value, acc), {});