Fastest array loops in JS really using array (v90)

Revision 90 of this benchmark created by fredoche on

Preparation HTML

<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

Ready to run.

Testing in
TestOps/sec
For loop, basic
for (var i = 0; i < arr.length; i++) {
  var temp = arr[i]+someFn(i);
}
ready
While loop, basic
var i = 0;
while (i < arr.length) {
  var temp = arr[i]+someFn(i);
  i++;
}
ready
For loop, cached
for (var i = 0, len = arr.length; i < len; i++) {
  var temp = arr[i]+someFn(i);
}
ready
For loop, i--
for (var i = arr.length - 1; i >= 0; i--) {
  var temp = arr[i]+someFn(i);
}
ready
Do-while loop, i--
var i = arr.length - 1;
do {
  var temp = arr[i]+someFn(i);
}
while (i--);
ready
Do-while loop, --i
var i = arr.length;
if (i > 0) {
  do {
    var temp = arr[i]+someFn(i);
  }
  while (--i);
}
ready
Magic For Loop
for (var i = arr.length; i--;) {
  var temp = arr[i]+someFn(i);
}
ready
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);
ready

Revisions

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