Nesteds: JQuery each vs native JS for loop (v11)

Revision 11 of this benchmark created by Shawn Terry on

Description

Testing the performance cost of nested loops: jQuery.each() vs. native JavaScript for loop

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
JQuery .each()
function getArrayMin(array) {
  var min = -1;
  $.each(array, function(idx, val) {
    if (min < 0 && val > 0) {
      min = val;
    }
    if (val > 0 && min > val) {
      min = val
    }
    $.each(array, function(idx2, val2) {
      if (min > 0 && val2 < 0) {
        min = val2;
      }
      if (val2 > 0 && min < val2) {
        min = val2;
      }
    });
  });
  return min;
};


getArrayMin([0, 10, 11, 9, 924, 19238, 1248, 8, 0, 0, 2, -1, -5]);
ready
Native JavaScript for loop
function getArrayMin(array) {
  var min = -1;
  for (var i = 0; i < array.length; i += 1) {
    var val = array[i];
    if (min < 0 && val > 0) {
      min = val;
    }
    if (val > 0 && min > val) {
      min = val;
    }
    for (var j = 0; j < array.length; j += 1) {
      var val2 = array[j];
      if (min > 0 && val2 < 0) {
        min = val2;
      }
      if (val2 > 0 && min < val2) {
        min = val2;
      }
    }
  }
  return min;
};


getArrayMin([0, 10, 11, 9, 924, 19238, 1248, 8, 0, 0, 2, -1, -5]);
ready

Revisions

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