Benchmark: Object Destructuring vs Variable Assignment vs Direct Property Access

Script Preparation code:

"use strict";
const objArr = [
  {thingOne: "abcdef", thingTwo: "123456", unused: 73529835},
  {thingOne: "ghijkl", thingTwo: "789012", unused: 32478428},
  {thingOne: "mnopqr", thingTwo: "345678", unused: 28937592},
  {thingOne: "stuvwx", thingTwo: "901234", unused: 67352879},
  {thingOne: "yzabcd", thingTwo: "567890", unused: 92356201}
];
const len = objArr.length;

Tests:

Object Destructuring
"use strict"; let x; for (let i = 0; i < len; i++) { const { thingOne, thingTwo } = objArr[i]; x = thingOne+thingTwo; }
Object Destructuring (Cached Obj)
"use strict"; let x; for (let i = 0; i < len; i++) { const obj = objArr[i]; const { thingOne, thingTwo } = obj; x = thingOne+thingTwo; }
Variable Assignment
"use strict"; let x; for (let i = 0; i < len; i++) { const thingOne = objArr[i].thingOne; const thingTwo = objArr[i].thingTwo; x = thingOne+thingTwo; }
Variable Assignment (Cached Obj)
"use strict"; let x; for (let i = 0; i < len; i++) { const obj = objArr[i]; const thingOne = obj.thingOne; const thingTwo = obj.thingTwo; x = thingOne+thingTwo; }
Direct Property Access
"use strict"; let x; for (let i = 0; i < len; i++) { x = objArr[i].thingOne+objArr[i].thingTwo; }
Direct Property Access (Cached Obj)
"use strict"; let x; for (let i = 0; i < len; i++) { const obj = objArr[i]; x = obj.thingOne+obj.thingTwo; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object Destructuring
Object Destructuring (Cached Obj)
Variable Assignment
Variable Assignment (Cached Obj)
Direct Property Access
Direct Property Access (Cached Obj)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 days ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.4 Safari/605.1.15

Browser/OS: Safari 26 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Object Destructuring	3937232.5 Ops/sec
Object Destructuring (Cached Obj)	3780694.8 Ops/sec
Variable Assignment	3621619.5 Ops/sec
Variable Assignment (Cached Obj)	4145623.8 Ops/sec
Direct Property Access	3782153.0 Ops/sec
Direct Property Access (Cached Obj)	4344709.5 Ops/sec

Related benchmarks:

Object Destructuring vs Variable Assignment vs Direct Property Access (version: 1)

Comparing performance of: Object Destructuring vs Object Destructuring (Cached Obj) vs Variable Assignment vs Variable Assignment (Cached Obj) vs Direct Property Access vs Direct Property Access (Cached Obj)

Created: 2 days ago by: Guest

Jump to the latest result

Object Destructuring

Object Destructuring (Cached Obj)

Variable Assignment

Variable Assignment (Cached Obj)

Direct Property Access

Direct Property Access (Cached Obj)

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A