Javascript angularjs iterators performance (v34)

Revision 34 of this benchmark created by Mayank on

Description

Angular 1.4.4 stable forEach vs jquery foreach vs javascript iterators

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.4.4/angular.min.js"></script>

Setup

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

Test runner

Ready to run.

Testing in
TestOps/sec
angular foreach
angular.forEach(arr, myFunc);
ready
for in loop
for(var i in arr){
 sum+=1;
}
ready
for loop
for (var i = 0; i < arr.length; i++) {
  sum += 1;
};
ready
for loop reverse
for (var i = arr.length - 1; i >= 0; i--) {
  sum += 1;
};
ready
for loop with caching
len = arr.length;
for (var i = 0; i < len; i++) {
  sum += 1;
};
ready
browser forEach
arr.forEach(myFunc);
ready
jquery forEach
jQuery.each(arr, myFunc)
ready
Array.map
arr.map(function(){})
ready
Array.filter
var result = arr.filter(function(i){
   if(i%10 == 0){
      return i;
    }
})
   
ready

Revisions

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