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	56714.2 Ops/sec
Object.assign (immutable)	1475.4 Ops/sec
Object.assign (mutable)	55617.8 Ops/sec
Object.defineProperty on Proxy	24432.0 Ops/sec
Property direct on Proxy	40760.4 Ops/sec
Direct Object Property	172845.2 Ops/sec
Object.defineProperty with getter and setter	48035.7 Ops/sec
Object.defineProperties (plural) with getter and setter	23144.5 Ops/sec
Object.defineProperty on Proxy with getter and setter	25234.3 Ops/sec
Object.assign on Proxy (mutable)	28358.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)