Obtuve una matriz con algunos elementos y cada elemento tiene algunas propiedades como nombre, identificación e hijos. Cada elemento tiene propiedad de hijos y luego subhijos y así sucesivamente. Esta matriz ya está en nuestra aplicación. Ahora quiero actualizar todos los elementos y subelementos de nuestra matriz con una nueva propiedad llamada "ruta". La "ruta" será la clave y su valor será la adición del nombre de su objeto anterior. Por ejemplo
let dataArray = [ { name: 'Data', id: 12, path: 'Data', children: [ { name: 'Data Center', id: 13, path: 'Data/Data Center', children: [ { name: 'Data Management', id: 13, path: 'Data/Data Center/Data Managemet', }, ], }, ], }, { name: 'Machine', id: 12, path: 'Machine', children: [ { name: 'Machine Center', id: 13, path: 'Machine/Machine Center', children: [ { name: 'Machine Management', id: 13, path: 'Machine/Machine Center/Machine Managemet', }, ], }, ], } ];Como puede ver, la propiedad de ruta a todos los elementos. Quiero hacer que esto suceda programáticamente. Para eso, aquí está el fragmento de código que he escrito, pero no puedo entender qué es necesario hacer para lograrlo. Este fragmento de código agrega la propiedad de ruta a todos los elementos y subelementos pero con el nombre como ruta como en el ejemplo anterior. Quiero la adición de nombres anteriores que han sido atravesados.
addPathProperty(){ dataArray.forEach((element) =>{ element.path = element.name; if(element.children.length > 0){ this.addPathProperty(element.children) } }); }Aquí está el enlace Stackblitz . Cualquier ayuda será apreciada. Gracias
Creo que este código debería funcionar:
const appendPath = (root = '') => (obj) => { obj.path = root ? `${root}/${obj.name}` : obj.name if (obj.children) { obj.children.forEach(appendPath(obj.path)) } } dataArray.forEach(appendPath()) appendPath es una función que acepta una root , cuando se invoca esta función, combinará root y el name y establecerá esto en object.path ; Después de eso, hará lo mismo con el object.children si existen