JS loop comparison

JavaScript performance comparison

Revision 7 of this test case created by

Preparation code

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.4/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>
      
<script>
Benchmark.prototype.setup = function() {
  var arr = new Array(1000);

};
</script>

Preparation code output

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>

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
while loop that imitates a for loop
var i = 0;
while (i < arr.length) {
  arr[i];
  i++;
};
pending…
cached while loop
var i = 0,
  len = arr.length;
while (i < len) {
  arr[i];
  i++;
};
pending…
Reverse while loop
var i = arr.length;
while (i--) {
  arr[i];
};
pending…
for loop
for (var i = 0; i < arr.length; ++i) {
  arr[i];
};
pending…
cached for loop
var i = 0,
  len = arr.length
for (; i < len; ++i) {
  arr[i];
};
pending…
Reverse for loop
for (var i = arr.length; i--;) {
  arr[i];
};
pending…
Angular foreach
angular.forEach(arr, function(value, i) {
  arr[i];
});
pending…
Native foreach
arr.forEach(function(value, i) {
  arr[i];
});
pending…
Lodash forEach
_.forEach(arr, function(value, i) {
  arr[i];
});
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