0

tengo un problema de programación que es el siguiente:

Necesito obtener datos de una API llamada https://jsonplaceholder.typicode.com/users. El metodo que estoy utilizando para obtener los datos es fetch.

Mi código para obtener datos es el siguiente

const info = document.getElementById("getInfo");
info.addEventListener("click", () => {
  fetch("https://jsonplaceholder.typicode.com/users")
    .then((res) => res.json())
    
    .then((res)=>{console.log(res);
    })
});
 <h1>Get User Info</h1>
    <button id="getInfo">Get Info</button>
    <div id="data">
        <h2>Informacion</h2>
    </div>
 

Lo que yo necesito es que haya un .then() (dentro del fetch) que tenga una función de flecha ➡ que solcite lo siguiente

.then((res) => {
    const getDatos = (dato que necesito Ej. "id" "email", etc.) => {
       Aqui va el codigo
    }
})

1 respuesta 1

0

Veo que recibes un array, simplemente puedes usar Array.prototype.filter para filtrar los elementos del array que recibes

const info = document.getElementById("getInfo");
info.addEventListener("click", () => {
  fetch("https://jsonplaceholder.typicode.com/users")
    .then((res) => res.json())
    .then((res)=>{
      const resultado = res.filter(e => e.email === "[email protected]")[0];
      // El string es el email por buscar
      console.log(resultado);
      // Si se busca por ID, simplemente cambia e.email por e.id
    })
});
<h1>Get User Info</h1>
<button id="getInfo">Get Info</button>
<div id="data">
  <h2>Informacion</h2>
</div>

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.