Axios - zapytanie w zapytaniu, dodawanie response do tablicy

Question

var output = [];
    axios.get(`url`)
        .then(response => {            
          let array = response.data           
            array.map((item) => {
                axios.get(`url/${item.id}`)
                    .then(function (response) {                      
                        output.push(respone.data)                       
                    })
            })
        })       
        .then(() => {
            res.send(output);
        })

Wywołuje zapytanie, które zwraca mi tablice danych. Dla każdego elementu w tej tablicy chcę wywołać kolejne zapytanie, a jego odpowiedź zapisać do tablicy, aby po skończeniu całego procesu móc zwrócić sobie tą wypełnioną tablice. 

Ten sposób zawraca mi pustą tablice.

Czy jest ktoś w stanie pomóc? Z góry dzięki. 

Comments

Tak, w tablicy output.

 

Tak, z linii 12. Za każdym razem tam coś jest.

 

W 27 linii zawartość output jest za każdym razem różna. Raz są 3 elementy, raz 20, a za kolejnym razem 15. Powinni być 30.

---

Czy w 27 linijce wyświetla się ta sama ilość elementów dla tablicy output, co w 9 linijce dla tablicy friends? W 18 linijce jest warunek:

if (index === friends.length-1) {

, który zostaje spełniony, bo Promise jest rozwiązywany. Czyli tablica output powinna mieć tą samą liczbę elementów, co friends. Sprawdź więc, czy do friends (8 linijka) zawsze przypisujesz te 30 elementów.

---

Tak, tablica friend ma zawsze taką samą liczbę elementów i chcę aby w tablicy output też było tyle samo, ale niestety nie jest.

Za każdym razem, kiedy wywołuje zapytanie, to do tablicy output zapisuje się inna liczba elementów.

---

Wydaje mi się, że Promise kończy się szybciej niż zdąży zapisać wszystkie elementy do tablicy output

---

Udało mi się rozwiązać to w taki sposób

app.get('/friends/:id', function (req, res) {    
    axios.get(`http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=${STEAM_API_KEY}&steamid=${req.params.id}&format=json`)
        .then(response => {
            //console.log(response.data);
            // res.send(JSON.stringify(friends));
            let friends = response.data.friendslist.friends;
            let promiseArr = friends.map(friend => fetch(`http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=${STEAM_API_KEY}&steamids=${friend.steamid}`).then(res => res.json()));
            Promise.all(promiseArr).then(response => {
                /* do something with res here... */
                console.log(response.length);
                res.send(response)
            })  
        })
});