jQuery .data() vs. Object.property vs. Array
JavaScript performance comparison
Preparation code
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="myDiv"></div>
<script>
var myDiv = $('#myDiv');
myDiv.data('x', 1)
.data('y', 2)
.data('z', 3);
var myObj = {};
myObj.x = 1;
myObj.y = 2;
myObj.z = 3;
var xArray = [1];
var yArray = [2];
var zArray = [3];
</script>
Preparation code output
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
| Test | Ops/sec | |
|---|---|---|
jQuery.data() |
|
pending… |
Object.property |
|
pending… |
Array |
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:
- Revision 1: published
- Revision 2: published
- Revision 3: published
0 comments