Soy nuevo en js y no entiendo por qué mi bucle no funciona.
(async () => { let arr = [] while(ticket.stop != true) { let data = await fetch("https://front-test.beta.aviasales.ru/search") let commit = await data.json() let ticketsURL = "https://front-test.beta.aviasales.ru/tickets?" + Object.keys(commit) + "=" + Object.values(commit) let ticketFetch = await fetch(ticketsURL) let ticket = await ticketFetch.json() console.log(ticket) arr.push(ticket) } })()Editar: su código está devolviendo una matriz que contiene más de 346 elementos y lo que está tratando de hacer simplemente repite una y otra vez y los llama. ¿Puedes explicar lo que estás tratando de hacer con tu código?
No sé exactamente qué está tratando de hacer con su código, pero eso debería variar con su propio caso de uso; sin embargo, lo que está tratando de hacer se puede resumir en una async-call-inside-a-loop . Ahora, una cosa que debe recordar es que cuando crea un bucle, hay dos cosas principales que debe tener en cuenta:
La clave es que cuando activa una función dentro de un ciclo, obtiene su propio contexto y, por lo tanto, conserva el valor. Sin embargo, la llamada directa a algunas llamadas asincrónicas fallará. Por lo tanto, JavaScript le ofrece algo que puede resolver esto y se llama Immediately Invoked Function Expression o IIFE en resumen. Que es exactamente lo que ha hecho, sin embargo, ha envuelto todo el bucle dentro de él.
En pocas palabras, el IIFE obtiene su propio contexto, por lo que cada IIFE siguiente creado por el ciclo funcionará y se resolverá por separado.
const length = array.length; for(var i = 0; i < length; i++){ (function(index) { const response = // some async call }(i)); }