Underscore.each vs jQuery.each vs. for loop vs. `Lo-Dash.each' (v209)

Revision 209 of this benchmark created by bill on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>

<script src="//documentcloud.github.com/underscore/underscore-min.js">
</script>
<script>
window.underscore = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.0.1/lodash.min.js">
</script>
<script>
window.lodash = _.noConflict();
</script>

Setup

var $ = window.$,
        lodash = window.lodash,
        underscore = window.underscore;
    
    var a = [],
        newArray = [],
        pi = Math.PI;
    
    for (var i = 1, max= 100 ; i <= max ; i++) {
      a.push('Fundamental alert number ' + i);
    }

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery.each
$.each(a, function(index, val) {
  newArray.push(val);
});
ready
good old for loop
for (var i = 0, len = a.length; i < len; i++) {
  newArray.push(
    a[i]
  );
}
ready
underscore.each
underscore.each(a, function(item) {
  newArray.push(
    item
  );
});
ready
Lo-Dash each
lodash.each(a, function(item) {
  newArray.push(
    item
  );
});
ready
underscore(a).each
underscore(a).each(function(item) {
  newArray.push(
    item
  );
});
ready
good old for loop ++
for (var b = a[0], len = a.length; len; b = a[--len]) {
  newArray.push(
    b
  );
}
ready
[].foreach()
a.forEach(function(item) {
  newArray.push(
    item
  );
});
ready
ko.utils.arrayForEach
ko.utils.arrayForEach(a, function(i) {
  newArray.push(
    i
  );
});
ready

Revisions

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