Fastest array loops in Javascript

JavaScript performance comparison

Revision 492 of this test case created by Skitch

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  // Populate the base array
  var arr = [];
  for (var i = 0; i < 1000; i++) {
    arr[i] = 'value' + i;
  }
var len= arr.length;
  function someFn(ix) {
    return ix * 5 + 1 / 3 * 8;
  }
</script>
    

Preparation code output

<script> // Populate the base array var arr = []; for (var i = 0; i < 1000; i++) { arr[i] = 'value' + i; } var len= arr.length; 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
While length--
var l = arr.length;
while(l--) {
  someFn(arr[l]);
}
pending…
While loop, basic
var i = 0;
while (i < arr.length) {
  someFn(arr[i]);
  i++;
}
pending…
For loop, cached
for (var i = 0, len = arr.length; i < len; i++) {
  someFn(arr[i]);
}
pending…
Order
while( i = arr.shift() ) {
  someFn(i);
}
pending…
order validation
while( (i = arr.shift()) !== undefined ) {
  someFn(i);
}
pending…
For loop, basic
for (var i = 0; i < arr.length; i++) {
  someFn(arr[i]);
}
pending…
For loop, adv
var i = 0
for (; i < arr[i]; i++) {
  someFn(arr[i]);
}
pending…
for (var i = 0; i < len; i++) {
  someFn(arr[i]);
}
pending…
Reverse Iteration
for (var l = arr.length-1; l >=0 ; l--) {
  someFn(arr[l]);
}
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