Benchmark: .dot vs ['bracket'] notation

Script Preparation code:

  // setup a tiny object
  var foo = {
   prop25: "value25"
  };
  
  // setup a really big object
  var bigObj = {};
  for (var i = 0; i < 100000; i++) {
   bigObj["prop" + i] = "value" + i;
  }

Tests:

dot / small object
var a = foo.prop25;
bracket / small object
var a = foo['prop25'];
dot / big object
var a = bigObj.prop25;
bracket / big object
var a = bigObj['prop25'];

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
dot / small object
bracket / small object
dot / big object
bracket / big object

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser/OS: Chrome 128 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
dot / small object	26005430.0 Ops/sec
bracket / small object	26444070.0 Ops/sec
dot / big object	23994420.0 Ops/sec
bracket / big object	23818970.0 Ops/sec

.dot vs ['bracket'] notation (version: 2)

Fork of https://jsperf.com/dot-vs-square-bracket/5

Comparing performance of: dot / small object vs bracket / small object vs dot / big object vs bracket / big object

Created: 6 years ago by: Registered User

Jump to the latest result

dot / small object

bracket / small object

dot / big object

bracket / big object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A