$.each vs for loop vs _.each

JavaScript performance comparison

Revision 17 of this test case created

Preparation code

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
 
<script>
Benchmark.prototype.setup = function() {
    var testArray = [0, 10, 11, 9, 924, 19238, 1248, 8, 0, 0, 2, -1, -5];
    var _getArrayMin = function(array) {
      var min = Infinity;
      _.each(array, function(val) {
        if (min > val) {
          min = val;
        }
      });
      return min;
    }
   
    var nativeForeachGetArrayMin = function(array) {
      var min = Infinity;
      array.forEach(function(val) {
        if (min > val) {
          min = val;
        }
      });
      return min;
    }
   
    var $getArrayMin = function(array) {
      var min = Infinity;
      $.each(array, function(key, val) {
        if (min > val) {
          min = val;
        }
      });
      return min;
    }
    var forGetArrayMin = function (array) {
        var i = 0,
                min = array[i++],
                len = array.length,
                val;
        for (;i < len; i++) {
                val = array[i];
                if (min > val) {
                        min = val;
                }
        }
        return min;
    }
   
    var forInGetArrayMin = function (array) {
        var     min = array[i++],
                len = array.length,
                val;
        for (var i in array) {
                val = array[i];
                if (min > val) {
                        min = val;
                }
        }
        return min;
    }
    var whileGetArrayMin = function (array) {
        var i   = 0,
                min = array[i++],
                len = array.length,
                val;
        while (i < len) {
                val = array[i++];
                if (min > val) {
                        min = val;
                }
        }
        return min;
    }
};
</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
$.each
$getArrayMin(testArray);
pending…
_.each
_getArrayMin(testArray);
pending…
for
forGetArrayMin(testArray);
pending…
use native Array forEach
nativeForeachGetArrayMin(testArray);
pending…
forInGetArrayMin
forInGetArrayMin(testArray)
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