1

Si por ejemplo tengo dos listas de numeros y letras.

 var arrayletras = ["a","b","c","d","e"];
var arrayNum = [1,2,3,4];

arrayletras.forEach(function (valLetras) {
    console.log(valLetras+": ");
    arrayNum.forEach(function (valNum) {
        setTimeout(function () {
            console.log(valNum);
        },1000)
    })
})

Quiero que se muestren primero una letra y despúes todos los números. He leido acerca de callbacks y promesas, pero no lo acabo de solucionar este problema

1 respuesta 1

2

El problema de setTimeout es que simplemente agrega el callback al despachador, luego sigue su curso, es decir no espera que se complete el callback.

En su lugar debes usar funciones asíncronas, y esperar a través de await la ejecución de un Promise

var arrayLetras = ["a","b","c","d","e"];
var arrayNum = [1,2,3,4];

function sleep(ms)
{
  return new Promise(resolve => { setTimeout(resolve,ms) })
}

async function recorrer(){ 
  for (let letra of arrayLetras) 
    {
      console.log(letra)
      for (let numero of arrayNum)
        {
          console.log(numero)
          await sleep(1000)
        }
    }
}

recorrer()

Para más información
1. async
2. await
3. Promise

2
  • Puedes cambiar for in por un for of para hacerlo más legible.
    – gugadev
    el 11 jul. 2017 a las 19:04
  • @GustavoGarcía ya he modificado el código utilizando for..of el 11 jul. 2017 a las 19:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.