Tengo esta matriz de datos, donde cuando filtro la submatriz, la clave del objeto orderedItems solo se filtra, no todos los datos. Este es mi código.
const data = [ { id: 6, orderedItems: [ { name: "Product A", vendor: 2 }, { name: "Product B", vendor: 2 }, { name: "Product B", vendor: 2 } ] }, { id: 5, orderedItems: [ { name: "Product Aaa", vendor: 1 }, { name: "Product Bbb", vendor: 1 }, { name: "Product Ccc", vendor: 2 } ] } ]; const userId = 1; const filteredData = data.map(({ id, orderedItems }) => { return { id: id, orderedItems: orderedItems.filter(({ vendor }) => vendor == userId), }; }); console.log(JSON.stringify(filteredData, null, 2));Resultado:
[ { "id": 6, "orderedItems": [] }, { "id": 5, "orderedItems": [ { "name": "Product Aaa", "vendor": 1 }, { "name": "Product Bbb", "vendor": 1 } ] } ]Resultado Esperado:
[ { "id": 5, "orderedItems": [ { "name": "Product Aaa", "vendor": 1 }, { "name": "Product Bbb", "vendor": 1 } ] } ]El filtro funciona, pero solo para la clave de objeto orderItems, quería que la identificación también se filtrara fuera de la matriz. ¿Hay alguna manera de hacer esto? Si necesita alguna aclaración o explicación, comente a continuación. Gracias
Puede usar Array#reduce para iterar sobre la lista y en cada iteración, calcular los pedidos filtrados del elemento actual y, en caso de que no esté vacío, agregarlo al acumulador con la id actual:
const data = [ { id: 6, orderedItems: [ { name: "Product A", vendor: 2 }, { name: "Product B", vendor: 2 }, { name: "Product B", vendor: 2 } ] }, { id: 5, orderedItems: [ { name: "Product Aaa", vendor: 1 }, { name: "Product Bbb", vendor: 1 }, { name: "Product Ccc", vendor: 2 } ] } ], userId = 1; const filteredData = data.reduce((filteredItems, { id, orderedItems }) => { const itemFilteredOrders = orderedItems.filter(({ vendor }) => vendor == userId); if(itemFilteredOrders.length > 0) { filteredItems.push({ id, orderedItems: itemFilteredOrders }); } return filteredItems; }, []); console.log(JSON.stringify(filteredData, null, 2)); Otra forma de completar su enfoque sería filtrar la lista resultante por la longitud de los orderedItems :
const data = [ { id: 6, orderedItems: [ { name: "Product A", vendor: 2 }, { name: "Product B", vendor: 2 }, { name: "Product B", vendor: 2 } ] }, { id: 5, orderedItems: [ { name: "Product Aaa", vendor: 1 }, { name: "Product Bbb", vendor: 1 }, { name: "Product Ccc", vendor: 2 } ] } ], userId = 1; const filteredData = data .map(({ id, orderedItems }) => ({ id, orderedItems: orderedItems.filter(({ vendor }) => vendor == userId) })) .filter(({ orderedItems }) => orderedItems.length > 0); console.log(JSON.stringify(filteredData, null, 2));Puede usar Array#reduce para revisar y realizar un seguimiento de cada coincidencia en la matriz de data . Y Array#filter para filtrar los elementos de .orderedItems que no pasan la condición.
Código completo:
const data = [ { id: 6, orderedItems: [ { name: 'Product A', vendor: 2, }, { name: 'Product B', vendor: 2, }, { name: 'Product B', vendor: 2, }, ], }, { id: 5, orderedItems: [ { name: 'Product Aaa', vendor: 1, }, { name: 'Product Bbb', vendor: 1, }, { name: 'Product Ccc', vendor: 2, }, ], }, ]; const userId = 1; let res = data.reduce((acc, obj) => { let passed = obj.orderedItems.filter((subObj) => subObj.vendor === userId); if (passed.length) acc.push({ ...obj, orderedItems: passed }); return acc; }, []); console.log(res)Puede usar el filtro de método para seleccionar todos los ID que coincidan con el ID de usuario y luego continuar con su código:
const filteredData = data.filter(el => el.id === userId).map(({ id, orderedItems }) => { return { id: id, orderedItems: orderedItems.filter(({ vendor }) => vendor == userId), }; });```