Tengo una pregunta con respecto a este codigo.
let results = [1, 2 ,3 4]
randomArray.forEach( async (e, i) => {
externalApi(e).subscribe(async ({data}) => {
results.push(data);
console.log("result", e);
}, (error) => {
console.log(error)
});
});
Como se ve estoy iterando sobre un array para obtener multiples resultados de un api y almacenarlos en results
, en teoria funciona pero debido a que la llamada al api es una promesa, el results.push(data)
, no se va a ejecutar inmediatamente, por lo que esperaria 2 cosas.
- Que results no tuviese valores al terminar la iteracion
- Despues de un tiempo results almacenara los valores obtenidos del api
Esto en teoria ocurre pero obtengo estos resultados:
//console results
$"result, 1"
$"result, 2"
$"result, 2"
$"result, 1"
$"result, 3"
$"result, 4"
Esto me deja confundido por que, si bien se ejecutando de forma asyncrona
el trabajo, parece que la iteracion esta enviando peticiones multiples por cada iteracion o es lo que entiendo.
Es decir, esperaria resultados despues de un tiempo, pero no multiples resultados de lo que creo es solo una iteracion.
En conclusion quisiera saber:
- ¿Por que es que sucede esto, hay algo que no estoy entendiendo aqui sobre las funciones
async
? - ¿Cual es la forma correcta de implementar la respuesta promise dentro de un iterador?
externalApi
es unObservable
, ¿cierto?