For vs While vs jquery.each vs angular.foreach (v85)

Revision 85 of this benchmark created on

Preparation HTML

<script src="//code.jquery.com/jquery-git2.min.js"></script>
<script src="//fastjs.net/js/fast.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>

Setup

var i, values = [],
        sum = 0;
    
      for (i = 0; i < 1000; i++) {
        values[i] = Math.random() + 1;
      }
    
      function add(val) {
        sum += val;
      }

Teardown


    sum = i = 0;
    values = [];

Test runner

Ready to run.

Testing in
TestOps/sec
ForEach
values.forEach(function(i) {
  sum += i;
});
ready
for loop, simple
for (i = 0; i < values.length; i++) {
  sum += values[i];
}
ready
for loop, simple (with var)
for (var i = 0; i < values.length; i++) {
  sum += values[i];
}
ready
for loop, cached length
var len = values.length;
for (i = 0; i < len; i++) {
  sum += values[i];
}
ready
for loop, reverse
for (i = values.length - 1; i >= 0; i--) {
  sum += values[i];
}
ready
for loop, reverse (not equal, with var)
for (var i = values.length - 1; i != 0; i--) {
  sum += values[i];
}
ready
for loop, cached length, no callback
var len = values.length;
for (i = 0; i < len; i++) {
  sum += values[i];
}
ready
for loop, cached length, no callback (one time „var”, [using var], not equal [len-1] instead of less
for (var len = values.length - 1, i = 0; i != len; i++) {
  sum += values[i];
}
ready
for loop, cached length, using function.call and supplying index and original array
var len = values.length;
for (i = 0; i < len; i++) {
  add.call(values, values[i], i, values);
}
ready
While, reversed + simple
var i = values.length;
while (--i >= 0) {
  sum += values[i];
}
ready
While, reversed + simple, leftside --, not linked
var i = values.length + 0;
while (i-- != -1) {
  sum += values[i];
}
ready
While, reversed + callback
var i = values.length;
while (--i >= 0) {
  add.call(values, values[i], i, values);
}
ready
While, reversed + callback, -- right side
var i = values.length;
while (i-- >= 0) {
  add.call(values, values[i], i, values);
}
ready
While
var l = values.length;
var i = 0;
while (i++ <= l) {
  sum += values[i];
}
ready
While, one-time var, not equal
var l = values.length - 1,
  i = 0;

while (i++ != l) {
  sum += values[i];
}
ready
simple while
var i = values.length;
while (i--) {
  sum += values[i];
}
ready
simple while2
var i = values.length;
while (--i) {
  sum += values[i];
}
ready
while .pop()
var x;
var donotdestroy = values.slice(0);
while (x = donotdestroy.pop()) {
  sum += x;
}
ready
while (++i)
var i = -1;
while (values[++i]) {
  sum += values[i];
}
ready
i = i + 1 while
var i = 0,
  n = values.length;
while (i < n) {
  sum += values[i];
  i = i + 1;
}
ready
jquery.each
jQuery.each(values, function(index, value) {
  sum += value;
});
ready
while i++
var i = 0,
  n = values.length;
while (i < n) {
  sum += values[i++];
}
ready
for with assignment
for (var i = 0; match = values[i]; ++i) {
  sum += match;
}
ready
while .shift()
var x;
var valuesCopy = values.slice();
while (x = valuesCopy.shift()) {
  sum += x;
}
ready
while true !.shift() break
var x;
var valuesCopy = values.slice();
while (true) {
  if (!(x = valuesCopy.shift()))
    break;
  sum += x;
}
ready
angularjs foreach
angular.forEach(values, function(index, value) {
  sum += value;
});
ready
for var i in values
for (var i in values) {
  sum += values[i];
}
ready

Revisions

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