0

Mi consulta es sencilla pero no lo he podido solucionar. Por una extraña razón al llenar un arreglo a través del ciclo ref.on de firebase, si imprimo los datos del arreglo dentro de este ciclo, si aparecen, pero fuera de este ciclo, no reconoce los datos, y al hacer console.log me los muestra vacío. Aquí un código de ejemplo para que se entienda:

var firebase = conectarFirebase();
const db = firebase.database();
var ref = db.ref("eventos");
var arreglo = [];

ref.on("child_added", function(snapshot){
        var value = snapshot.val();
        var key = snapshot.key;
        arreglo.value.push({
          'title': value.nombre_evento,
          'start': value.fecha_inicio
      });
console.log(arreglo[0].title) //titulo1
}); 
console.log(arreglo[0].title) //undefinited
1
  • Bienvenido a StackOverflow en Español, te invito a que hagas el Recorrido y así ganes tu primera medalla!
    – DaxTter77
    el 4 sep. 2019 a las 16:50

1 respuesta 1

2

te explico las llamadas a Firebase son asíncronos (también conocidas como “funciones en segundo plano”) mediante la generación de una promesa de JavaScript. Por lo que tu al ejecutar la linea de ref.on(...) se va a la siguiente linea console.log(arreglo[0].title) //undefinited y como arreglo todavia no a esperado a la respuesta de firebase te trae undefinited. Por ende, el console.log(arreglo[0].title) que se encuentra dentro del ref.on si obtiene la informacion de Firebase porque este se ejecuta luego del arreglo.value.push.

ref.on("child_added", function(snapshot){
        var value = snapshot.val();
        var key = snapshot.key;
        arreglo.value.push({
          'title': value.nombre_evento,
          'start': value.fecha_inicio
         });
        console.log(arreglo[0].title) //<- Esta linea esta dentro del ref de Firebase por lo que luego de obtener los valores de Firebase
}); 
console.log(arreglo[0].title) //undefinited <- Esta linea se ejecuta sin esperar la respuesta de firebase

Mas info: https://firebase.google.com/docs/functions/terminate-functions?hl=es-419

Espero poder haberte ayudado :D

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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