Get attribute data and split vs get ref

Benchmark created by Camilo Tapia on


Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo theone" data-split="1,2" data-ref-hash="h1" data-ref-list="0"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div id="result"></div>

Setup

var hashList = {"h1": {x:1, y:2}};
    var arrayList = [{x:1, y:2}];
    $(".theone").data("pos", {x:1, y:2});

Test runner

Ready to run.

Testing in
TestOps/sec
split
var dataString = $(".theone").attr("data-split");
var data = dataString.split(",");
$("#result").html(parseInt(data[0]) + "," + parseInt(data[1]));
ready
hash
var dataString = $(".theone").attr("data-ref-hash");
var data = hashList[dataString];
$("#result").html(data.x + "," + data.y);
ready
list
var dataString = $(".theone").attr("data-ref-list");
var data = arrayList[parseInt(dataString)];
$("#result").html(data.x + "," + data.y);
ready
jquery data
var data = $(".theone").data("pos");
$("#result").html(data.x + "," + data.y);
ready

Revisions

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

  • Revision 1: published by Camilo Tapia on