for vs array-foreach

JavaScript performance comparison

Revision 7 of this test case created

Preparation code

<script src="https://raw.github.com/documentcloud/underscore/master/underscore-min.js" type="text/javascript"></script>
<script type="text/javascript">
  //save underscore
  window.us = _;
  _ = null;
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.0.1/lodash.min.js"></script>
<script>
Benchmark.prototype.setup = function() {
    var array = Array(31).join('x').split('');
   
    function callback(value, index, object) {
      return value + index;
    }
   
    function customForEach(array, callback, thisArg) {
      var fn = callback,
          index = -1,
          length = array.length;
   
      while (++index < length) {
        if (callback(array[index], index, array) === false) {
          break;
        }
      }
      return array;
    }
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
custom forEach
customForEach(array, callback);
pending…
Array#forEach
array.forEach(callback);
pending…
underscore forEach
us.each(array, callback);
pending…
lo-dash forEach
_.each(array, callback);
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. Here’s a list of current revisions for this page:

0 comments

Add a comment