tengo estos datos:
const data = [ { "id": 1, "subRows": [ { "id": 1, "subRows": [ { "id": 1, } ] }, { "id": 2, "subRows": [ { "id": 4, } ] }, ] }, { "id": 55, "subRows": [] } ];
y necesito obtener de estos datos así, eso transmitirá todo el anidamiento de los datos iniciales:
const result = { '0': false, '0.0': false, '0.0.0': false, '0.1.0': false, '0.1.1': false, '1: false' }
Lo necesito para representar el anidamiento en los datos iniciales y transformarlos en formato, se requiere el estado inicial gastado de la tabla de reacción . ( https://react-table.tanstack.com/docs/api/useExpanded ). Quiero almacenarlo en el almacenamiento local para evitar que el estado de expansión cambie con la recarga de la página.
Adopte un enfoque recursivo y cambie la última clave como un nuevo prefijo.
const flat = (array, prefix = '') => array.reduce((r, o, i) => { const key = prefix + (prefix && '.') + i; return { ...r, [key]: false, ...flat(o.subRows || [], key) }; }, {}); data = [{ id: 1, subRows: [{ id: 1, subRows: [{ id: 1 }] }, { id: 2, subRows: [{ id: 4 }] }] }, { id: 55, subRows: [] }], result = flat(data); console.log(result);