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

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

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Direct Object Property

109K/s

Object.defineProperty

35K/s

Object.assign (mutable)

34K/s

Object.defineProperty with getter and setter

29K/s

Object.defineProperty on Proxy

26K/s

Property direct on Proxy

23K/s

Object.defineProperty on Proxy with getter and setter

20K/s

Object.defineProperties (plural) with getter and setter

13K/s

Object.assign (immutable)

749/s

Fastest: Direct Object Property (145.3x faster)

View exact numbers

✓ Direct Object Property: 108,814 ops/sec
• Object.defineProperty: 35,456 ops/sec
• Object.assign (mutable): 34,454 ops/sec
• Object.defineProperty with getter and setter: 28,717 ops/sec
• Object.defineProperty on Proxy: 25,809 ops/sec
• Property direct on Proxy: 22,909 ops/sec
• Object.defineProperty on Proxy with getter and setter: 19,634 ops/sec
• Object.defineProperties (plural) with getter and setter: 13,121 ops/sec
• Object.assign (immutable): 749 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

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: 4 months 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

Direct Object Property

111K/s

Object.defineProperty

103K/s

Object.assign (mutable)

60K/s

Object.defineProperty with getter and setter

53K/s

Property direct on Proxy

42K/s

Object.defineProperty on Proxy

26K/s

Object.assign on Proxy (mutable)

25K/s

Object.defineProperty on Proxy with getter and setter

19K/s

Object.defineProperties (plural) with getter and setter

17K/s

Object.assign (immutable)

14K/s

View exact numbers

Test name	Executions per second
✓ Direct Object Property	111,448 Ops/sec
Object.defineProperty	102,652 Ops/sec
Object.assign (mutable)	60,209 Ops/sec
Object.defineProperty with getter and setter	52,807 Ops/sec
Property direct on Proxy	41,643 Ops/sec
Object.defineProperty on Proxy	25,596 Ops/sec
Object.assign on Proxy (mutable)	25,217 Ops/sec
Object.defineProperty on Proxy with getter and setter	18,720 Ops/sec
Object.defineProperties (plural) with getter and setter	16,651 Ops/sec
Object.assign (immutable)	14,023 Ops/sec

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

Created: one year ago by: Registered User

Go to the latest 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)

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks