Tengo una lista de productos como:
listOfProducts = [{name: "prod1", productId: 1}, {name:"prod2", productId: 2},.....]Si elijo un producto, llenaré la matriz
listaProductosSeleccionados
Contendrá los productos elegidos.
Y hago un post para guardar mi elección.
Ahora, si vuelvo a la página de productos, tendré una matriz:
oldProductsArray
que contiene los productos que tengo guardados en db.
listaProductosSeleccionados
con mis productos seleccionados.
Ahora, si elimino el producto seleccionado para elegir otro, mi oldProductsArray tendrá el primer producto, pero listSelectedProducts tendrá el nuevo producto elegido.
Así que ahora debería eliminar de mi base de datos el producto que ya no quiero (y está en oldProductsArray). Entonces pensé en comparar (y ahí tengo mi problema) las dos matrices y si los elementos en oldProductsArray no están en listSelectedProducts, crearé una nueva matriz con los productos no seleccionados para eliminarlos.
Así que hagamos un ejemplo:
Estoy en mi página de productos y elijo un producto.
Así listSelectedProducts = [{name: "prod1", productId: 1}]
y voy a publicar en db.
Vuelvo en la página de productos y esta vez tengo:
listSelectedProducts = [{name: "prod1", productId: 1}] oldProductsArray = [{name: "prod1", productId: 1}]Deselecciono el producto: prod1 y elijo el producto: prod2
Así que tengo:
listSelectedProducts = [{name: "prod2", productId: 2}] oldProductsArray = [{name: "prod1", productId: 1}]y ahora debería verificar si los productos en oldProductsArray también están en listSelectedProducts, si lo están, puedo hacer la publicación, si no lo están (como en este caso), debería eliminar el producto de la base de datos.
Así que tengo una función:
this.checkOldProduct(oldProductsArray, listSelectedProducts)en esta función:
checkOldProduct(oldProductsArray, listSelectedProducts){ let arrayProductToDelete = [] // i have tried like this, but it doesn't work properly. listSelectedProducts.filter(p1 => !oldProducts.some(p2 => { p1.productId === p2.productId, arrayProductToDelete.push(p2) })); }Espero haberme expresado bien, en cualquier caso estoy dispuesto a agregar aclaraciones. gracias
alguna consideración rápida primero:
PUT en su API y simplemente reemplazar toda la lista sin tener que calcular la diferencia.POST para agregar nuevos elementos, solicitudes DELETE para eliminar elementos y solicitudes PATCH para actualizar elementos individuales (¿como la misma identificación pero diferentes cantidades?)Entonces, basado únicamente en su pregunta, creo que la forma más fácil es encontrar la lista de elementos para eliminar algo como esto:
const removedItems = oldArray.filter((old) => !newArray.find((_new) => old.id === _new.id));Y solicitar su supresión.
Si desea calcular una diferencia completa de los elementos de su gráfico para poder realizar múltiples solicitudes de actualización, podría hacer algo como esto:
function arrayDiff(oldArray, newArray) { const addedAndUpdatedItems = newArray.reduce((diff, item, index, array) => { const oldItem = oldArray.find((old) => old.id === item.id); if(!oldItem) { diff.added.push(item); } else if(oldItem.quantity !== item.quantity) { diff.updated.push(item); } return diff; }, { added: [], updated: [] }); const removedItems = oldArray.filter((old) => !newArray.find((_new) => old.id === _new.id)); return { ...addedAndUpdatedItems, removed: removedItems } } const oldArray = [{ name: "prod1", id: 1, quantity: 1 }, { name: "prod3", id: 3, quantity: 4 }]; const newArray = [{ name: "prod1", id: 1, quantity: 3 }, { name: "prod2", id: 2, quantity: 3 }]; const diff = arrayDiff(oldArray, newArray); console.log({ diff });La salida es
{ "added": [ { "name": "prod2", "id": 2, "quantity": 3 } ], "updated": [ { "name": "prod1", "id": 1, "quantity": 3 } ], "removed": [ { "name": "prod3", "id": 3, "quantity": 4 } ] }Si desea encontrar objetos coincidentes en ambas matrices utilizando su ID de producto,
Aquí está mi solución
Primero obtenga la lista de ID de producto de una matriz, luego puede filtrar fácilmente la otra matriz usando el método include ()
let listSelectedProducts = [{name: "prod2", productId: 1}, {name: "prod2", productId: 2}, {name: "prod2", productId: 3}] let oldProductsArray = [{name: "prod1", productId: 1}, {name: "prod1", productId: 2}] let oldIds = oldProductsArray.map(d=>d.productId) let arrayProductToDelete = listSelectedProducts.filter(d=>oldIds.includes(d.productId)) console.log(arrayProductToDelete)