Tengo un objeto que tiene algunas propiedades para un usuario y tengo una variedad de objetos que se devuelven desde la API. Mi objetivo es verificar qué objeto de la matriz de objetos tiene la misma propiedad que el único objeto inicial, y luego debería devolver solo una parte de sus propiedades. He intentado usar .map en Array of objects pero parece que no funciona.
A continuación se muestra el ejemplo de código. También he preparado codesandbox si lo deseas.
const user = { name: "jan", lastName: "kowalski", fullName: "jan kowalski", car: "audi" } ; const usersAnimal = [ { name: "jan", lastName: "kowalski", fullName: "jan kowalski", animal: "cat", animalSize: "small", animalName: "Bat" }, { name: "john", lastName: "smith", fullName: "john smith", animal: "dog", animalSize: "middle", animalName: "Jerry" }, { name: "Anna", lastName: "Nilsson", fullName: "Anna Nilsson", animal: "cow", animalSize: "big", animalName: "Dorrie" } ]; const filtered = usersAnimal.map((userAnimal)=>userAnimal.fullName === user.fullName && return userAnimal.animalName & userAnimal.animalSize & userAnimal.animal);Gracias
https://codesandbox.io/s/admirando-edison-qxff42?file=/src/App.js
Para un caso como este, sería mucho más fácil si lo filtra primero y luego continúa usando el mapa:
const filtered = usersAnimal .filter((animal) => animal.fullName === user.fullName) .map(({ animalName, animalSize, animal }) => { return { animalName, animalSize, animal }; });Si quieres filtrar, te recomiendo que uses filter .
El método map creará una nueva matriz, cuyo contenido es el conjunto de resultados devueltos por cada elemento de la matriz original después de operar la función de devolución de llamada.
const user = {name:"jan",lastName:"kowalski",fullName:"jan kowalski",car:"audi"}; const usersAnimal = [{name:"jan",lastName:"kowalski",fullName:"jan kowalski",animal:"cat",animalSize:"small",animalName:"Bat"},{name:"john",lastName:"smith",fullName:"john smith",animal:"dog",animalSize:"middle",animalName:"Jerry"}]; // Get an array of matching objects let filtered = usersAnimal.filter(o => o.fullName === user.fullName); // You get the filtered array, then you can get the required properties filtered.forEach(o => { console.log( 'animal:%s, animalSize:%s, animalName:%s', o?.animal, o?.animalSize, o?.animalName ); }); // Then use map to process each element filtered = filtered.map(o => { const {animal, animalSize, animalName} = o; return {animal, animalSize, animalName}; }); console.log('filtered', filtered);Proporciono una solución de bucle for ya que no he aprendido muchos métodos de matriz en javascript.
Para mí, la opción más simple es usar un bucle for y un control if para recorrer los valores de las matrices para verificar los valores incluidos.
for (let v in usersAnimal) { if (usersAnimal[v].fullName === user.fullName) { console.log(usersAnimal[v]) } }El código anterior registrará todo el objeto usersAnimal que contiene el nombre completo que estamos buscando.
{ name: 'jan', lastName: 'kowalski', fullName: 'jan kowalski', animal: 'cat', animalSize: 'small', animalName: 'Bat' }comentado para mayor comprensión
for (let v in usersAnimal) { //loops though the array if (usersAnimal[v].fullName === user.fullName) { //when the index value 'v' has a fullname that matches the user fullname value // it passes the if check and logs that object value return console.log(usersAnimal[v]) //return true... } //return null } //etc