Foreach callback when finish [duplicate]

Question

I want to execute a callback when foreach has finished, but it's not working properly.How can I do that?

var response = [];
myArray.forEach(function(data) {
    data.asyncFunction(function(result) {
         response.push(result);
    });
}, function() {
    console.log(response); // Not being called.
});

console.log(response); // (Empty) Executed before foreach finish.

Answer 1

Because forEach accept only one callback. Since you are calling asynchronous method inside forEach you need to check whether all asyn call completed

var response = [];
myArray.forEach(function(data, index) {
    data.asyncFunction(function(result) {
         response.push(result);
         if(response.length  === myArray.length) {
                 //foreach work done
         }
    });
});

Answer 2

Try this :

myArray.forEach(function(element, index, array){
  asynchronous(function(data){
       if (index === myArray.length - 1) {
           response.push(data);
           functionAfterForEach();
       }
  })
});