jQuery.each vs. for loop

JavaScript performance comparison

Revision 164 of this test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
  var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
  var e;

  function getRandomInt() {
    return Math.ceil(Math.random() * 10000);
  }
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery.each
 
$.each(a, function() {
  window.e = this + getRandomInt();
});
 pending…
for loop
 
for (var i = 0, len = a.length; i < len; ++i) {
  window.e = a[i] + getRandomInt();
};
 pending…
Array.forEach
 
a.forEach(function(x) {
  window.e = x + getRandomInt();
});
 pending…
'for' loop v2
 
for (var i = 0; i < a.length; ++i) {
  window.e = a[i] + getRandomInt();
};
 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:

0 comments

Add a comment