how to make javascript for loops to execute synchronously

Asked Mar 08 '16 at 01:43

Active Mar 08 '16 at 01:59

Viewed 26 times

I have a function which takes Array of OKR ids and make backend call then return a formatted Array of object which has OKR id and title. But this process is asynchronous.

How can I make it synchronous so that it will fetch OKR id and title for first element of input array then only it will move to second element of Array. It should return the formatted array only after it has got the ids and title of all Array element.

var ExpandOkrData = function(okrArray){
        var formattedOkr = [];
        for(var i=0; i< okrArray.length;i++){
                Okr.Individual.query({okr_id: okrArray[i]},function(data){
                        var okr = {};
                        okr.title = data.title;
                        okr.okr_id = data.okr_id;
                        formattedOkr.push(okr);
                },function(e){
                    console.log(e);
                }); 

        }
        return formattedOkr;
    }

P.S.: Okr.Individual.query is a Angular JS Service.

edited Mar 08 '16 at 01:59

asked Mar 08 '16 at 01:43

Jagajit Prusty

2,070
2
21
39

1

You can't make an asynchrous API synchronous. – Pointy Mar 08 '16 at 01:45
that example was to make AJAX request synchronous but my query here is to make loops to execute synchronously. – Jagajit Prusty Mar 08 '16 at 02:01
The problem with your loop is that Angular service is not synchronous. – Pointy Mar 08 '16 at 02:03

how to make javascript for loops to execute synchronously

0 Answers0