Gracias por tomarse el tiempo de leer, estoy tratando de elaborar una estructura de datos que se usaría para la navegación en una aplicación de reacción, tengo control sobre los datos para recorrer. Se desconoce la cantidad potencial de niños, no puedo encontrar una buena manera de recorrer todos los datos en una función, si pudiera indicarme la dirección, estoy seguro de que puedo aprender de eso o cualquier ayuda sería genial ! Además, si fuera más fácil agregar elementos a la estructura de datos, ¡esa es una opción!
const data = { "nav": { "Nav Menu Title 1" : { "children": [ { "name": "Sub Menu Title 1", "children" : [ { "name": "Sub Sub Menu Title 1", "children" : [ { "name": "Sub Sub Menu Option 1" } ] }, { "name" : "Sub Menu Option 1" } ] }, { "name": "Option 1" }, { "name": "Option 2" }, { "name": "Option 3" }, { "name": "Option 4" }, { "name": "Option 5" } ] } } } for (let items in data.nav) { let newNavItem = { id: 'apps.' + items, title: items, type: 'item', icon: 'heroicons-outline:shopping-cart' } if (data.nav[items].children.length > 0) { newNavItem.type = "collapse"; newNavItem.children = []; // this is where I have trouble looping through children to add in a newNavItem } }