Tengo una matriz 2D donde la matriz externa contiene objetos, cada uno de los cuales contiene otra matriz de objetos. Aquí están los datos:
const companies = [{ companyId: 100, companyName: "Company 1", transactions: [ { id: "10421", date: "09/19/2022", selected: true, }, { id: "00467", date: "05/08/2022", selected: true, }, ], }, { companyId: 200, companyName: "Company 2", transactions: [ { id: "259A6", date: "01/11/2022", selected: false, }, { id: "87K37", date: "04/14/2022", selected: false, }, ], }, ]; Quiero obtener la lista de transacciones que tienen sus campos selected establecidos en true . Así es como estoy filtrando los datos:
const selectedTransactions = companies.filter((c) => c.transactions.filter((t) => t.selected === true));En lugar de obtener las transacciones de solo la primera empresa, obtengo las transacciones de TODAS las empresas, incluidas las que no están seleccionadas. ¿Estoy cometiendo un error en alguna parte?
Podría trazar un mapa plano de las empresas en general; a continuación, filtre y asigne internamente los ID y las fechas de las transacciones junto con el ID de la empresa.
const companies = [{ companyId: 100, companyName: "Company 1", transactions: [ { id: "10421", date: "09/19/2022", selected: true }, { id: "00467", date: "05/08/2022", selected: true }, ], }, { companyId: 200, companyName: "Company 2", transactions: [ { id: "259A6", date: "01/11/2022", selected: false }, { id: "87K37", date: "04/14/2022", selected: false }, ], }]; const selected = companies .flatMap(({ companyId, transactions }) => transactions .filter(({ selected }) => selected) .map(({ id: transactionId, date: transactionDate }) => ({ companyId, transactionId, transactionDate }))); console.log(selected); .as-console-wrapper { top: 0; max-height: 100% !important; }Resultado
[ { "companyId": 100, "transactionId": "10421", "transactionDate": "09/19/2022" }, { "companyId": 100, "transactionId": "00467", "transactionDate": "05/08/2022" } ]Si solo está buscando las transacciones, podría usar el mapa, aunque devuelve una segunda matriz vacía. O simplemente agregue un poco a su función de filtro para obtener solo la empresa con lo que está buscando.
const companies = [{ companyId: 100, companyName: "Company 1", transactions: [ { id: "10421", date: "09/19/2022", selected: true }, { id: "00467", date: "05/08/2022", selected: true }, ], }, { companyId: 200, companyName: "Company 2", transactions: [ { id: "259A6", date: "01/11/2022", selected: false }, { id: "87K37", date: "04/14/2022", selected: false }, ], }]; // USING MAP TO GET TRANSACTIONS const st = companies.map(c => c.transactions.filter(t => t.selected === true)) console.log(st); // USING FILTER TO GET COMPANY const selectedTransactions = companies.filter(c => { c.transactions = c.transactions.filter(t => t.selected === true); if (c.transactions.length) return c; }); console.log(selectedTransactions); .as-console-wrapper { top: 0; max-height: 100% !important; }Resultado
1 [ [ { "id": "10421", "date": "09/19/2022", "selected": true }, { "id": "00467", "date": "05/08/2022", "selected": true } ], [] ] 2 [ { "companyId": 100, "companyName": "Company 1", "transactions": [ { "id": "10421", "date": "09/19/2022", "selected": true }, { "id": "00467", "date": "05/08/2022", "selected": true } ] } ]