$.each vs for vs for in loop (v2)

Revision 2 of this benchmark created by LocalPCGuy on

Description

Wanted to run some tests on how fast jQuery's .each() function was versus using a standard JS for loop. I tested a for and a for in loop against .each().

Preparation HTML

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

<script>
  var arrayOfStrings = {};
  var arrayLength = 50;
  for (var i = 0; i <= arrayLength ; i++) {
    arrayOfStrings["string" + i] = "String at " + i + " in the array.";
  }
  
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
each()
$.each(arrayOfStrings, function(index, string) {
  string += "*";
});
ready
for - standard
for (var index; index <= arrayLength; index++) {
  arrayOfStrings[index] += "*";
}
ready
for in
for (var index in arrayOfStrings) {
  arrayOfStrings[index] += "*";
}
ready
while
var index = 0;
while (index <= arrayLength) {
  arrayOfStrings[index] += "*";
  index++;
}
ready

Revisions

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