Run results for: Object Destructuring vs Variable Assignment vs Direct Property Access

Run details:

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: Safari 26

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 days ago

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

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

Run results for: Object Destructuring vs Variable Assignment vs Direct Property Access

Object Destructuring

Object Destructuring (Cached Obj)

Variable Assignment

Variable Assignment (Cached Obj)

Direct Property Access

Direct Property Access (Cached Obj)