Return after loop using JS Promises

Asked Dec 07 '15 at 21:22

Active Dec 07 '15 at 22:02

Viewed 49 times

I have an ajax call like so:

$.ajax(myAPI).done(parse(response));

Below is the success callback function to a previous API request:

parse(response) {
    let TreeObj= { 'Trees' : [] };

    response.ClassificationIds.forEach(classificationObj => {
        $.get('myAPI/' + classificationObj)
            .then((classification) => {
                TreeObj.Trees.push(classification);
            });
    });

    return TreeObj;
}

I'd like to return the TreeObj only after the forEach loop is finished looping. I'd like to do this by using promises, in particular $.Deferred by the jQuery library. How do I do this?

edited Dec 07 '15 at 22:02

asked Dec 07 '15 at 21:22

lorenzoid

1,812
10
33
51

1

For clarification, are you using a library? Or just native promises? – acupofjose Dec 07 '15 at 21:24
1

jQuery's $.Deferred is preferred, but I'm interested in seeing native promises – lorenzoid Dec 07 '15 at 21:25
2

Basically a duplicate of http://stackoverflow.com/q/6538470/218196 . – Felix Kling Dec 07 '15 at 21:26
http://stackoverflow.com/questions/28134271/loop-with-native-promises this may help you – Sterling Archer Dec 07 '15 at 21:29
@iggy2012: For native promises, use `Promise.all` – Bergi Dec 07 '15 at 22:05

Return after loop using JS Promises

0 Answers0