Estoy llamando a dos extremos de la API: el primero devolverá una serie de clientes cuya cuenta está actualmente activa con nosotros, y el segundo devolverá una serie de TODOS los clientes (actuales y pasados) independientemente de su estado actual.
Estoy creando un menú desplegable que básicamente agregará un cliente a la matriz de "cliente activo". Para crear este menú desplegable, necesito filtrar todos los clientes de la "matriz de todos los clientes" que ya existen en la "matriz de clientes activos".
P.ej:
TODOS los clientes
[{name: "Martha", id: 1}, {name: "John", id: 2},{name: "Jane", id: 3}, {name: "Mary", id: 4}]Clientes activos
[{name: "John", customerid: 2}, {name: "Mary", customerid: 4}](Sí, el desarrollador de back-end les dio diferentes nombres de propiedad)
Mi nueva matriz obviamente debería ser:
[{name: "Martha", id: 1}, {name: "Jane", id: 3}]Puedo recorrer esta lista para completar el menú desplegable y solo enviar un cliente al backend que aún no tenga una cuenta activa con nosotros.
Si puede considerar que las identificaciones son únicas, entonces podría hacer algo como esto:
function removeDuplicates(allClients, activeClients) { const activeClientIds = new Set( activeClients.map((client) => client.customerid) ); return allClients.filter((client) => !activeClientIds.has(client.id)); } const allClientsArr = [ { name: "Martha", id: 1 }, { name: "John", id: 2 }, { name: "Jane", id: 3 }, { name: "Mary", id: 4 }, ]; const activeClientsArr = [ { name: "John", customerid: 2 }, { name: "Mary", customerid: 4 }, ]; const result = removeDuplicates(allClientsArr, activeClientsArr); console.log(result);Puede usar un .filter simple. Además, al resultado de su ejemplo le falta un elemento.
const all = [{name: "Martha", id: 1}, {name: "John", id: 2},{name: "Jane", id: 3}, {name: "Mary", id: 4}] const old = [{name: "John", customerid: 2}, {name: "Mary", customerid: 4}]; const oldIds = old.map(customer => customer.customerid); console.log(all.filter(customer => !(customer.id in oldIds)))