.(dot) vs [](square bracket) (v18)

Revision 18 of this benchmark created by foo on February 10, 2015

Preparation HTML

<script>
  var doc = "document";
  
  // setup a tiny object
  var foo = {
   bar: "value"
  };
  var baz = "bar";
  
  // setup a really big object
  var bigObj = {};
  for (var i = 0; i < 100000; i++) {
   bigObj["prop" + i] = "value" + i;
  }
  //add symbols if supported (don't break non supporting browsers)
  if(typeof Symbol !== "undefined") {
      var sym = Symbol("sym");
      bigObj[sym] = i;
  }
  
  var bigObjPropName = "prop25";
</script>

Test runner

var a = window.document;

var a = window["document"];

var a = window[doc];

var a = foo.bar;

var a = foo["bar"];

var a = foo[baz];

var a = bigObj.prop25;

var a = bigObj[bigObjPropName];

var a = bigObj["prop25"];

var prop = "bar";
var a = foo[prop];

const prop = "bar";
var a = foo[prop];

var prop = "prop25";
var a = bigObj[prop];

var a = bigObj[sym];

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by JavaScript Nazi on August 6, 2010
• Revision 2: published by Kyle Simpson on August 7, 2010
• Revision 5: published by Michael Norman on November 19, 2010
• Revision 6: published by blocks-vs-functions on September 3, 2011
• Revision 7: published on November 9, 2011
• Revision 8: published by mah0x211 on February 16, 2012
• Revision 9: published by mah0x211 on February 18, 2012
• Revision 13: published on July 5, 2012
• Revision 15: published on April 17, 2013
• Revision 18: published by foo on February 10, 2015