es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¡Hola a todos! Necesito mostrar en la pantalla el PRIMER objeto de la API: http://dummy.restapiexample.com/api/v1/employees

¡Hola a todos! Necesito mostrar en la pantalla el PRIMER objeto de la API: http://dummy.restapiexample.com/api/v1/employees

30 Jul, 2023 Programación 


Esto es una página







Aquí está mi intento, que muestra todos los objetos, pero solo necesito el primero
Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para obtener solo el primer objeto de la respuesta de la API, puedes modificar la instrucción fetch con el método .then para extraer el primer elemento del array de datos devuelto de la siguiente manera:

    fetch("http://dummy.restapiexample.com/api/v1/employees")
    .then(response => response.json())
    .then(data => {
        console.log(data)
        const firstEmployee = data[0];
        console.log(firstEmployee);
        document.querySelector("#page").innerText = JSON.stringify(firstEmployee)
    })

    En el fragmento de código modificado anteriormente, el array data se asigna a una nueva variable firstEmployee, que solo contiene el primer objeto en el array. Este objeto luego se registra en la consola y se muestra en el elemento de la página con el id page.

Comments are closed.