2

soy solo un aficionado a la programacion y como tal me estoy topando con cierto problema. El codigo a continuacion me da el siguiente error:

Cannot read property 'length' of undefined
    at computeCourses

Si ejecuto la función computeCourses() desde la consola de chrome si funciona y no entiendo por que, agradezco su atención.

const urlJson = '../data/data.json'
let coursesRaw
let courses = []

const dataCohorts = () => {
  fetch(urlJson)
    .then(response => response.json())
    .then(response => {
      coursesRaw = response
    })
}

dataCohorts()

let computeCourses = () => {
  for (var i=0; i < coursesRaw.length; i++){
    courses.push(coursesRaw[i].id)
  }
}
computeCourses()

2
  • Has probado inicializar let coursesRaw = 0;?
    – Alvarez
    el 18 jun. 2018 a las 22:49
  • Hola Anthony, te doy la bienvenida a Stack Overflow en español, te sugiero completar el recorrido de bienvenida para que te familiarices con el funcionamiento del lugar y de paso ganar tu primera medalla.
    – user22721
    el 18 jun. 2018 a las 22:54

2 respuestas 2

3

El problema es que fetch() es una llamada asincrona. Debes de esperar a que la llamada regrese para que la variable courseRaw sea definida. Puedes hacerlo asi:

const urlJson = '../data/data.json'
let coursesRaw
let courses = []

let computeCourses = () => {
  for (var i=0; i < coursesRaw.length; i++){
    courses.push(coursesRaw[i].id)
  }
}

const dataCohorts = () => {
  fetch(urlJson)
    .then(response => response.json())
    .then(response => {
      coursesRaw = response
      computeCourses()
    })
}

dataCohorts()

1
  • Muchas gracias me funciono, leere mas sobre fetch. el 18 jun. 2018 a las 22:57
1

lo que dice el error: coursesRaw no tiene length por que es definida como undefined,

dataCohorts puede llegar a darle valor a coursesRaw, pero como es un fetch que promete (en algún momento) hacerlo, computeCourses recibe la decepción de una promesa incumplida. O dicho de otra manera, se apresura y no espera.

Tu Respuesta

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

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