1

Necesito recorrer los datos que que obtuve mediante fetch() para así poder devolver el valor de un boleto de autobús, dependiendo de los km recorridos. En el archivo del fetch están los valores por km.

Este es mi código:

function cargarBoletos() {
    fetch('boletos.json')
        .then((res) => res.json())
        .then((data) => {
            console.log(data)
            return data;
        })
}

let valor = 0;
async function retornarValor(km, tarifa_social) {
    let boleto = await cargarBoletos();
    let i = 0;
    while (i < 4) {
        if (km <= boleto[i].km_max) {
            if (tarifa_social == true) {
                valor = boleto[i].tarifa;
            } else { valor = boleto[i].pasaje; }
            break;
        }
        i = i + 1;
    }

    if (km >= 28) {
        if (tarifa_social == true) {
            valor = 10.35;
        } else { valor = 23 }
    }
    return valor;
}

Llamo a retornarValor con otra función, donde hay una variable let valor_boleto = retornarValor(km, tarifa_social); y de ahí creo un div que muestra los datos por pantalla.

El tema, es que me salta este error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0') at retornarValor

y en pantalla se muestra "El viaje te salió $[objet Promise]".

En la consola, en el objeto me sale:

valor_boleto: Promise
[[Prototype]]: Promise
[[PromiseState]]: "rejected"
[[PromiseResult]]: TypeError: Cannot read properties of undefined (reading '0') at retornarValor
3
  • Bienvenido Abi. Me suena a que el error que experimentas, se debe a que en algún momento de tu bucle, boletos[i] es undefined, y estas intentando leer propiedades (tarifa, pasaje) de un objeto indefinido
    – Héctor M.
    el 29 jun. 2022 a las 0:51
  • Pareciera ser que esta respuesta guarda relación con tu pregunta. Prueba a ver qué tal.
    – padaleiana
    el 29 jun. 2022 a las 11:33
  • Pude resolver como hacer para que lea correctamente las propiedades y corra el ciclo. En vez de salirme reject ahora me sale fulfilled, pero igualmente sigue mostrando la object promise y no el valor.
    – Abi
    el 29 jun. 2022 a las 18:23

0

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.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.