Каким образом я могу получить данные с сервера и обработав их в цикле отправить другие запросы?

Question

[pinkhead_psd]

Добрый день, задача заключается в том, что надо получить список id`шников делая запрос по API, а затем иттерируя каждый id отправлять с ним также запрос по API, ответ заносить в массив
idArr представляет собой список из обычных id, перебирая которые можно получить список объектов с этим id
Я понимаю, что цикл у нас синхронный поэтому ответ не успеваю добавлять. Попробовал сделать функцию асинхронной, но результат такой же

function resolveAfterFetch(url) {
    return new Promise((resolve) => {
      fetch(url)
        .then(res => res.json())
        .then(result => {
          resolve(result)  
        })
    });
  }
 
  
  async function add1() {
    const idArr = await resolveAfterFetch('https://google.com/newstories.json');
    
    return idArr
  }
  
  add1().then(async v => {
    for (const value of v) {
      await resolveAfterFetch(`https://google.com/item/${value}.json?print=pretty`)
    }
  })
  .then(res => console.log(res))

Comments

[WbICHA]

return new Promise((resolve) => {
      fetch(url)
        .then(res => res.json())
        .then(result => {
          resolve(result)  
        })
    });

Зачем ты обернул фетч в промис?

[pinkhead_psd]

Асинхронный запрос, я же не знаю сколько будет идти ответ от сервера

[Олег Колесников]

pinkhead_psd, Имеется ввиду что fetch сам по себе является промисом...

[pinkhead_psd]

Понял, принял

Answer 1

[Alex Khayev]

накидаю общую идею:

const anyFetch = async () => 
    fetch(url)
        .then(arr => arr.map(
                 id => fetch(url + id)
         ));

const allData = Promise.All(anyFetch).then(arrOfFinishData => doSomething(arrOfFinishData));

Идея следующая:
1. первый фетч возвращает вам промис с массивом айдишников
2. следующий чанк мапит айдишники в новые промисы, которые уже по каждому айдишниику вместо себя возвращают промис с данными.
3. в итоге anyFetch там, где уже надо работать с конечными данными, засовываем в Promise.All, чтобы дождаться всех данных и в чанке делаем с этими данными doSomething

Answer 2

[Alex]

может быть какой-то очередью воспользоваться? пусть отдельный воркер с каждым api запросом разбирается. и потом в какую-то табличку результаты добавляет. и потом уже смотреть что в табличке появилось и работать с этим.

Comments

[pinkhead_psd]

Да проблема, что я даже не могу использовать await на втором уровне вложенности. Единственное что приходит на ум это использовать два промиса - первый отдает список id, а второй уже внутри их перебирает и делает запросы. Потом через Promise.all уже выводит результат

[Alex]

pinkhead_psd, я про то, что может как-то иначе на задачу посмотреть, не как в линейном программировании? поменяйте архитектуру. Что будет, если все вызовы api обработать не сразу, а в несколько этапов? думаю, ничего страшного не случится. а в таком случае и цепочка промисов не нужна.