Tengo un proyecto en React. En este proyecto, tengo una matriz de usuarios almacenada y una matriz más que contiene objetos de message
que tienen tres propiedades from
, to
y message
. Ahora quiero, si la identificación del usuario no está presente en la matriz de mensajes, elimine al user
de la lista. Estoy usando Node.js como backend. O, en palabras simples, si el usuario no ha enviado ni recibido ningún mensaje, elimínelo de la lista de usuarios. O si hay alguna otra solución para almacenar los users
y los messages
en una sola matriz.
usuarios.json
[ { "id": "1", "name": "Rampal" }, { "id": "2", "name": "Anisha" }, { "id": "3", "name": "john" } ]
mensajes.json
[ { "from": 1, "to": 2, "message": "Please call me" }, { "from": 3, "to": 2, "message": "Please call me" } ]
Mostrarusuarios.js
import React, { useEffect, useState } from "react"; import axios from "axios"; import ShowSingle from "./ShowSingle"; import ShowRecentSingle from "./ShowRecentSingle"; function Showusers() { const [users, setUsers] = useState(); const [loading, setLoading] = useState(true); useEffect(() => { axios .get("http://localhost:3005/") .then(function (response) { setUsers(response.data); console.log("users" + JSON.stringify(response.data)); setLoading(false); }) .catch(function (error) { console.log(error); setLoading(false); }); }, []); return ( <div> {!loading && users.map((user, id) => <ShowRecentSingle key={id} user={user} />)} <input type="text" name="message" id="" className="message-input" placeholder="type new message....." /> </div> ); } export default Showusers;
let users = [ { "id": "1", "name": "Rampal" }, { "id": "2", "name": "Anisha" }, { "id": "3", "name": "john" } ]; let messages = [ { "from": 1, "to": 2, "message": "Please call me" }, { "from": 3, "to": 2, "message": "Please call me" } ]; let res = users.map(x => Object.assign(x, messages.find(y => y.from == x.id))); for (let i = 0; i < res.length; i++) { if(res[i].from === undefined) { res.splice(i, 1); } } console.log(res)
Puede mantener un mapa de usuarios activos que envían o reciben mensajes y luego filtrar a los usuarios inactivos de la matriz de usuarios con él.
const usersArray = [ { id: 1, name: "Rampal" }, { id: 2, name: "Anisha" }, { id: 3, name: "john" } ]; const messagesArrary = [ { from: 1, to: 2, message: "Please call me" }, { from: 3, to: 2, message: "Please call me" } ]; const getActiveUserProfiles = (messages) => { // map of users who sent or receive messages const activeUsers = new Map(); messages.forEach(({ to, from }) => { activeUsers.set(to, to); activeUsers.set(from, from); }); // filter out inactive users return usersArray.filter(({ id }) => activeUsers.get(id)); }; const activeUserProfiles = getActiveUserProfiles(messagesArrary); console.log(activeUserProfiles);