Benchmark: Object.defineProperty vs Object.assign vs Assign to Proxy

Object.defineProperty vs Object.assign vs Assign to Proxy (version: 7)

Comparing performance of: Object.defineProperty vs Object.assign (immutable) vs Object.assign (mutable) vs Object.defineProperty on Proxy vs Property direct on Proxy vs Direct Object Property vs Object.defineProperty with getter and setter vs Object.defineProperties (plural) with getter and setter vs Object.defineProperty on Proxy with getter and setter vs Object.assign on Proxy (mutable)

Created: one year ago by: Registered User

Jump to the latest result

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));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
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)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Firefox 147 on Linux

View result in a separate tab

Test name	Executions per second
Object.defineProperty	102652.4 Ops/sec
Object.assign (immutable)	14022.6 Ops/sec
Object.assign (mutable)	60209.4 Ops/sec
Object.defineProperty on Proxy	25595.5 Ops/sec
Property direct on Proxy	41642.8 Ops/sec
Direct Object Property	111447.6 Ops/sec
Object.defineProperty with getter and setter	52806.7 Ops/sec
Object.defineProperties (plural) with getter and setter	16651.0 Ops/sec
Object.defineProperty on Proxy with getter and setter	18719.7 Ops/sec
Object.assign on Proxy (mutable)	25216.9 Ops/sec

Related benchmarks: