Run results for: Object.defineProperty vs Object.assign vs Assign to Proxy

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Object.defineProperty	34555.8 Ops/sec
Object.assign (immutable)	669.5 Ops/sec
Object.assign (mutable)	31218.7 Ops/sec
Object.defineProperty on Proxy	14211.5 Ops/sec
Property direct on Proxy	22720.7 Ops/sec
Direct Object Property	86110.4 Ops/sec
Object.defineProperty with getter and setter	24899.1 Ops/sec
Object.defineProperties (plural) with getter and setter	11921.4 Ops/sec
Object.defineProperty on Proxy with getter and setter	12764.7 Ops/sec

Script Preparation code:

var input = new Array(100).fill().map((v, i) => i);
var proxyHandlers = {
  get(target, prop, receiver) {
    return Reflect.get(target, prop, receiver);
  },
  set(target, prop, value) {
    return Reflect.set(target, prop, value);
  },
  defineProperty(target, prop, descriptor) {
    return Reflect.defineProperty(target, prop, descriptor);
  },  
};

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 }), {});
Object.defineProperty on Proxy
const output = input.reduce((acc, value) => Object.defineProperty(acc, `key${value}`, { value }), new Proxy({}, proxyHandlers));
Property direct on Proxy
const output = input.reduce((acc, value) => { acc[`key${value}`] = value; return acc; }, new Proxy({}, proxyHandlers));
Direct Object Property
const output = input.reduce((acc, value) => { acc[`key${value}`] = value; return acc; }, {});
Object.defineProperty with getter and setter
const output = input.reduce((acc, value) => Object.defineProperty(acc, `key${value}`, { get(){return value}, set(v) {} }), {});
Object.defineProperties (plural) with getter and setter
const output = input.reduce((acc, value) => Object.defineProperties(acc, {[`key${value}`]: { get(){return value}, set(v) {} }}), {});
Object.defineProperty on Proxy with getter and setter
const output = input.reduce((acc, value) => Object.defineProperty(acc, `key${value}`, { get(){return value}, set(v) {} }), new Proxy({}, proxyHandlers));
Object.assign on Proxy (mutable)
const output = input.reduce((acc, value) => Object.assign(acc, { [`key${value}`]: value }), new Proxy({}, proxyHandlers));

Run results for: Object.defineProperty vs Object.assign vs Assign to Proxy

Object.defineProperty

Object.assign (immutable)

Object.assign (mutable)

Object.defineProperty on Proxy

Property direct on Proxy

Direct Object Property

Object.defineProperty with getter and setter

Object.defineProperties (plural) with getter and setter

Object.defineProperty on Proxy with getter and setter

Object.assign on Proxy (mutable)