localStorage dot notation vs bracket notation vs getItem (v5)

Revision 5 of this benchmark created by Karl on

Preparation HTML

<script>
    localStorage.a = '1';
    localStorage.b = '2';
    localStorage.c = '3';
    localStorage.d = '4';
    localStorage.e = '6';
    localStorage.f = '7';
    localStorage.g = '8';
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
dot notation
localStorage.a == 1;
localStorage.b == 2;
localStorage.c == 3;
localStorage.d == 4;
localStorage.e == 5;
localStorage.f == 6;
localStorage.g == 7;
ready
bracket notation
localStorage['a'] == 1;
localStorage['b'] == 2;
localStorage['c'] == 3;
localStorage['d'] == 4;
localStorage['e'] == 5;
localStorage['f'] == 6;
localStorage['g'] == 7;
ready
bracket notation double quote
localStorage["a"] == 1;
localStorage["b"] == 2;
localStorage["c"] == 3;
localStorage["d"] == 4;
localStorage["e"] == 5;
localStorage["f"] == 6;
localStorage["g"] == 7;
ready
getItem double quote
localStorage.getItem("a") == 1;
localStorage.getItem("b") == 2;
localStorage.getItem("c") == 3;
localStorage.getItem("d") == 4;
localStorage.getItem("e") == 5;
localStorage.getItem("f") == 6;
localStorage.getItem("g") == 7;
ready
getItem single quote
localStorage.getItem('a') == 1;
localStorage.getItem('b') == 2;
localStorage.getItem('c') == 3;
localStorage.getItem('d') == 4;
localStorage.getItem('e') == 5;
localStorage.getItem('f') == 6;
localStorage.getItem('g') == 7;
ready

Revisions

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