Fast Array Loops

JavaScript performance comparison

Revision 263 of this test case created by Chris Barr

Preparation code

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
	<script>var underscore = _.noConflict();</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
	<script>var lodash = _.noConflict();</script>
      
<script>
Benchmark.prototype.setup = function() {
    // Populate the base array
    var arr = [];
    for (var i = 0; i < 1000; i++) {
      arr[i] = i;
    }
  
    function someFn(i) {
      return i * 3 * 8;
    }

};
</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
Array.ForEach
arr.forEach(someFn);
pending…
UnderscoreJS
underscore.each(arr, someFn);
pending…
jQuery
$.each(arr, someFn);
pending…
Standard JS Loop
for (var i = 0; i < arr.length; i++) {
  someFn(arr[i]);
}
pending…
Reversed Loop
for (var i = arr.length - 1; i >= 0; i--) {
  someFn(arr[i]);
}
pending…
Loop with length defined once
for (var i = 0, len = arr.length; i < len; i++) {
  someFn(arr[i]);
}
pending…
Lodash
lodash.each(arr, someFn);
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