Jquery each vs Underscore each vs For loops

JavaScript performance comparison

Revision 4 of this test case created by Roberto Huertas

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js">
</script>
      
<script>
Benchmark.prototype.setup = function() {
  var arr = [];
  for (var i = 0; i < 10000; i++) {
    arr.push({
      Number: i
    });
  };
  var e = null;
  
  function Named(o, i) {
    e = o;
  };

};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Jquery each
$.each(arr, function(i, o) {
  e = o;
});
pending…
Underscore each
_.each(arr, function(o, i) {
  e = o;
});
pending…
For normal
for (var i = 0, len = arr.length; i <= len; i++) {
  e = arr[i];
};
pending…
For reversed
for (var l = arr.length; l >= 0; l--) {
  e = arr[l];
};
pending…
Native array forEach
if (arr.forEach) {
  arr.forEach(function(o, i) {
    e = o;
  });
};
pending…
Native array forEach with Named function
if (arr.forEach) {
  arr.forEach(Named);
};
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.

0 Comments