Fastest array loops in JS really using array

JavaScript performance comparison

Revision 90 of this test case created by fredoche

Preparation code

<script>
  // Populate the base array
  var arr = [];
  for( var i = 0; i < 1000; i++ ) {
    arr[i] = 'value' + i;
  }

  function someFn (ix) {
      return ix * 5 + 1 / 3 * 8;
  }
</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
For loop, basic
for (var i = 0; i < arr.length; i++) {
  var temp = arr[i]+someFn(i);
}
pending…
While loop, basic
var i = 0;
while (i < arr.length) {
  var temp = arr[i]+someFn(i);
  i++;
}
pending…
For loop, cached
for (var i = 0, len = arr.length; i < len; i++) {
  var temp = arr[i]+someFn(i);
}
pending…
For loop, i--
for (var i = arr.length - 1; i >= 0; i--) {
  var temp = arr[i]+someFn(i);
}
pending…
Do-while loop, i--
var i = arr.length - 1;
do {
  var temp = arr[i]+someFn(i);
}
while (i--);
pending…
Do-while loop, --i
var i = arr.length;
if (i > 0) {
  do {
    var temp = arr[i]+someFn(i);
  }
  while (--i);
}
pending…
Magic For Loop
for (var i = arr.length; i--;) {
  var temp = arr[i]+someFn(i);
}
pending…
recursive loop
function browse_array (array_length, index){
    var temp = arr[index]+someFn(index);
    if (index<array_length){
        browse_array(array_length,++index);
    }
    return false;
 };
browse_array (arr.length,0);
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