tengo el siguiente objeto
const categories = [ { id: 1, name: "Main", parent: null }, { id: 2, name: "Computers", parent: 1 }, { id: 3, name: "Components", parent: 2 }, { id: 4, name: "RAM", parent: 3 } ];
Me gustaría que devolviera el siguiente formato.
{ "id": 4, "name": "RAM", "parent": { "id": 3, "name": "Components", "parent": { "id": 2, "name": "Computers", "parent": { "id": 1, "name": "Main", "parent": null } } } }
Este es el código que tengo por ahora.
const recursiveBuild = (node) => { console.log(node); if (node.parent === null) { return node; } const parent = categories.find((cat) => cat.id === node.parent); node.parent = parent; return recursiveBuild(node.parent); }; const item4 = categories.find((cat) => cat.id === 4); const res = recursiveBuild(item4);
El resultado final es que he atravesado hasta el principio.
{id: 1, name: 'Main', parent: null}
Creo que estoy muy cerca, pero todavía no puedo descifrarlo todavía. Agradezco si alguien puede ayudar, gracias
De hecho, estás muy cerca.
Necesitas cambiar esta línea:
return recursiveBuild(node.parent);
a estas lineas:
recursiveBuild(node.parent); return node;
Aquí está el fragmento de trabajo:
const categories = [ { id: 1, name: "Main", parent: null }, { id: 2, name: "Computers", parent: 1 }, { id: 3, name: "Components", parent: 2 }, { id: 4, name: "RAM", parent: 3 } ]; const recursiveBuild = (node) => { if (node.parent === null) { return node; } const parent = categories.find((cat) => cat.id === node.parent); node.parent = parent; // return recursiveBuild(node.parent); recursiveBuild(node.parent); return node; }; const item4 = categories.find((cat) => cat.id === 4); const res = recursiveBuild(item4); console.log(res);
Esto funciona para mí:
const recursiveBuild = (node) => { /* console.log(node); */ if (node.parent === null) { return node; } const parent = categories.find(cat => cat.id === node.parent); node.parent = recursiveBuild(parent); return node; }
déjame saber si hay algún problema