For vs While vs jquery.each (v61)

Revision 61 of this benchmark created on

Preparation HTML

<script>
  var i, values = [],
      sum = 0;

/* I think 1000 is a more realistic value than 10000.
  */

  for (i = 0; i < 1000; i++) {
    values[i] = i;
  }


/* if the sum is bigger than 1000 it will be set to 0
  ** ´cause the value should not be bigger on on the beginning
  ** of a test as at the beginning of another test before.
  */

  function add(val) {
    sum == 1000 ? (sum = 0) : (sum += val);
  }
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
ForEach
values.forEach(add);
ready
for loop, simple
for (i = 0; i < values.length; i++) {
  add(values[i]);
}
ready
for loop, simple (with var)
for (var i = 0; i < values.length; i++) {
  add(values[i]);
}
ready
for loop, cached length
var len = values.length;
for (i = 0; i < len; i++) {
  add(values[i]);
}
ready
for loop, reverse
for (i = values.length - 1; i >= 0; i--) {
  add(values[i]);
}
ready
for loop, reverse (not equal, with var)
for (var i = values.length - 1; i != 0; i--) {
  add(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
xxx while
var x;
while (x = values.pop()) {
  sum += x;
}
ready
while (++i)
var i = -1;
while (values[++i]) {
  sum += values[i];
}
ready
i += 1 while
var i = 0,
    n = values.length;
while (i < n) {
  sum += values[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
while i--
var n = values.length
i = n;
while (i > 0) {
  sum += values[i];
  i -= 1;
}
ready
while i-- 2
var n = values.length
i = n;
while (i > 0) {
  sum += values[i--];
}
ready
i -= 1 while, not equal
var i = values.length;
    
while (i != 0) {
  sum += values[i-1];
  i -= 1;
}
ready

Revisions

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