better-dom vs jquery: array methods (v8)

Revision 8 of this benchmark created by Maksim Chemerisuk on

Description

Compare performance of the better-dom library and jquery in typical cases

Preparation HTML

<script src="//code.jquery.com/jquery-2.1.0.js"></script>
<script src="//cdn.jsdelivr.net/better-dom/2.0.0-beta.1/better-dom.min.js"></script>

<script>
var jqueryElements = jQuery("*"),
    domElements = DOM.findAll("*"),
    i = 0, j = 0, k = 0, l = 0,
    functor = function() { ++l };
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery.each
jQuery.each(jqueryElements, function() {
    ++i;
});
ready
jquery#each
jqueryElements.each(function() {
    ++j;
});
ready
DOM#each
domElements.forEach(function() {
    ++k;
});
ready
jquery.map
jQuery.map(jqueryElements, function(value, index) {
    return index;
});
ready
DOM#map
domElements.map(function(el, index) {
    return index;
});
ready
jquery#filter
jqueryElements.filter(function(index) {
    return index % 2 === 0;
});
ready
DOM#filter
domElements.filter(function(el, index) {
    return index % 2 === 0;
});
ready
for loop
for (var _i = 0, _n = domElements.length; _i < _n; ++_i) {
  functor(domElements[_i], _i, domElements);
}
ready

Revisions

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

  • Revision 1: published by Maksim Chemerisuk on
  • Revision 2: published on
  • Revision 3: published on
  • Revision 4: published by Maksim Chemerisuk on
  • Revision 5: published on
  • Revision 6: published by Maksim Chemerisuk on
  • Revision 8: published by Maksim Chemerisuk on