Benchmark: Object Property Access Notation: Destructuring vs. Dot. vs. Bracket PK

Script Preparation code:

var globalData = {
  data: {
   property: "value",
  },
};

Tests:

Destructuring Notation
var { data } = globalData; var a1 = data; var a2 = data; var a3 = data; var a4 = data; var a5 = data;
Dot Notation
var dot = globalData.data; var a1 = globalData.data; var a2 = globalData.data; var a3 = globalData.data; var a4 = globalData.data; var a5 = globalData.data;
Bracket Notation
var bracket = globalData['data']; var a1 = globalData['data']; var a2 = globalData['data']; var a3 = globalData['data']; var a4 = globalData['data']; var a5 = globalData['data'];

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.56

Browser/OS: Chrome 107 on Windows

Object Property Access Notation: Destructuring vs. Dot. vs. Bracket PK (version: 0)