Есть цикл for в котором выполняются запросы. Но т.к. js - асинхронный язык, то данные приходят не по порядку: сначала выполняется следующий шаг цикла, а после приходят данные предыдущего запроса. Как сделать, чтобы следующий шаг цикла выполнялся только после прихода данных?
getHeroes(): Observable<Hero[]> {
return this.http.get(this.url + '/api/people').pipe(map((data) => {
let size = Math.ceil(Object.values(data)[0]/Object.values(data)[3].length)
for (let i = 1; i <= size; i++) {
this.http.get(this.url + '/api/people/?page=' + i).subscribe(data => {
for (let j = 0; j < Object.values(data)[3].length; j++) {
this.heroes.push(Object.values(data)[3][j])
}
})
}
return this.heroes
}))
}