JS loop comparison

JavaScript performance comparison

Revision 2 of this test case created by shprink

Preparation code

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

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

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