Run results for: Object Property Access Notation: Destructuring vs. Dot. vs. Bracket - Large Object

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Browser: Chrome 124

Operating system: Linux

Device Platform: Desktop

Date tested: 6 months ago

Test name	Executions per second
Destructuring Notation	15636291.0 Ops/sec
Dot Notation	16066946.0 Ops/sec
Bracket Notation	15472933.0 Ops/sec

Script Preparation code:

var globalData = {
  data: {
   property: "value",
  },
  string: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
  number: 123456789,
  boolean: true,
  array: [1, 2, 3, 4, 5],
  object: { key: 'value', nested: { key: 'nested value' } },
  date: new Date(),
  function: function() { console.log('Hello, world!'); },
  nullValue: null,
  undefinedValue: undefined,
  stringArray: ['a', 'b', 'c', 'd', 'e'],
  numberArray: [10, 20, 30, 40, 50],
  booleanArray: [true, false, true, false, true],
  objectArray: [{ name: 'Alice', age: 30 }, { name: 'Bob', age: 25 }, { name: 'Charlie', age: 35 }],
  nestedArray: [[1, 2, 3], ['a', 'b', 'c'], [{ key: 'value' }, { key: 'value' }]],
  mixedArray: [1, 'a', true, { key: 'value' }, [10, 20, 30]],
  arrayOfArrays: [
    [1, 2, 3],
    ['a', 'b', 'c'],
    [true, false, true],
    [{ key: 'value' }, { key: 'value' }],
    [[1, 2, 3], ['a', 'b', 'c']]
  ],
  arrayOfObjects: [
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 35 },
    { name: 'David', age: 40 },
    { name: 'Eve', age: 45 }
  ],
  deepNestedArray: [
    [1, [2, [3, [4, [5]]]]],
    ['a', ['b', ['c', ['d', ['e']]]]],
    [{ key: 'value', nested: { key: 'nested value' } }]
  ]
};

Tests:

Destructuring Notation
var { data } = globalData;
Dot Notation
var dot = globalData.data;
Bracket Notation
var bracket = globalData['data']

Run results for: Object Property Access Notation: Destructuring vs. Dot. vs. Bracket - Large Object

Destructuring Notation

Dot Notation

Bracket Notation