Angular foreach vs Underscore foreach vs native For Loop vs reverse native for loop (v25)

Revision 25 of this benchmark created by danmasta on

Description

Angular 1.2.25 stable forEach vs Underscore.js each

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

 <script src="http://underscorejs.org/underscore-min.js"></script>

Setup

var arr = [];
    var sum = 0;
    for (var i = 0; i < 100000; i++) {
      arr.push(i);
    }

Test runner

Ready to run.

Testing in
TestOps/sec
angular foreach
angular.forEach(arr, function(val, key) {
  sum += val;
});
ready
underscore foreach
_.each(arr, function(val, key) {
  sum += val;
});
ready
for loop
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
};
ready
for ... in
for (var key in arr) {
  sum += arr[i];
}
ready
for function
function fn(val){
  sum += val;
}

for (var i = 0; i < arr.length; i++) {
  fn(arr[i]);
};
ready
jquery foreach
$.each(arr, function(key, val) {
  sum += val;
});
ready
native foreach
arr.forEach(function(val, key) {
  sum += val;
});
ready

Revisions

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