Tengo una matriz de objetos como
[ { "parentId": "uniqueParentId1", "parentName": "Parent1", "childProp1": "test1", "childProp2": "test3" }, { "parentId": "uniqueParentId2", "parentName": "Parent2", "childProp1": "somevals", "childProp2": "other vals" } { "parentId": "uniqueParentId2", "parentName": "Parent2", "childProp1": "somevals 1", "childProp2": "other vals 1" } ]y quiero combinarlo basado en parentId y crear una matriz de Objeto como a continuación en Javascript. Cómo puedo hacerlo ?
[ { "id": "uniqueParentId1", "name": "Parent1", "children": [ { "childProp1": "test1", "childProp2": "test3" } ] }, { "id": "uniqueParentId2", "name": "Parent2", "children": [ { "childProp1": "somevals", "childProp2": "other vals" }, { "childProp1": "somevals 1", "childProp2": "other vals 1" } ] } ]La idea de convertir un objeto plano en un objeto anidado es para poder usar el objeto anidado en las iteraciones fácilmente.
Puedes hacerlo con javascript fácilmente. Cree y cree una nueva matriz de acuerdo con su matriz anterior.
var oldArray = [ { "parentId": "uniqueParentId1", "parentName": "Parent1", "childProp1": "test1", "childProp2": "test3" }, { "parentId": "uniqueParentId2", "parentName": "Parent2", "childProp1": "somevals", "childProp2": "other vals" }, { "parentId": "uniqueParentId2", "parentName": "Parent2", "childProp1": "somevals 1", "childProp2": "other vals 1" } ]; var newArray = []; for (var i = 0; i < oldArray.length; i++) { var currentObject = newArray.filter(function (x) { return x.id == oldArray[i].parentId })[0]; if (currentObject == null) { var newObj = { id: oldArray[i].parentId, name: oldArray[i].parentName, children: [ { childProp1: oldArray[i].childProp1, childProp2: oldArray[i].childProp2 } ] }; newArray.push(newObj) } else { currentObject.children.push({ childProp1: oldArray[i].childProp1, childProp2: oldArray[i].childProp2 }); } } console.log(newArray); // your array is herePuede hacerlo así: recorra su matriz y cree una nueva matriz con los datos que necesita, no sabía cuál se suponía que era la variable de nombre, así que la generé ... si se supone que ese es el número parentId puede extraer los dígitos de o.parentId También asumí que, excepto parentId, todas las demás claves de objeto son childs ...
let arr = [{ "parentId": "uniqueParentId1", "childProp1": "test1", "childProp2": "test3" }, { "parentId": "uniqueParentId2", "childProp1": "somevals", "childProp2": "other vals" }, { "parentId": "uniqueParentId2", "childProp1": "somevals 1", "childProp2": "other vals 1" } ]; let combined = {}; let parentid = 1; let childs = {}; arr.map(o => { if (!combined[o.parentId]) { combined[o.parentId] = { id: o.parentId, name: "Parent" + parentid, children: [] }; parentid++; } childs = {} for (const [key, value] of Object.entries(o)) { if (key !== 'parentId') childs[key] = value; } combined[o.parentId].children.push(childs); }); console.log(combined)Tu puedes hacer:
const flatObjects = [{parentId: 'uniqueParentId1',parentName: 'Parent1',childProp1: 'test1',childProp2: 'test3',},{parentId: 'uniqueParentId2',parentName: 'Parent2',childProp1: 'somevals',childProp2: 'other vals',},{parentId: 'uniqueParentId2',parentName: 'Parent2',childProp1: 'somevals 1',childProp2: 'other vals 1'}] const result = Object.values( flatObjects.reduce((a, c) => { const k = `${c.parentId}|${c.parentName}` a[k] = a[k] || { id: c.parentId, name: c.parentName, children: [], } a[k].children.push({ childProp1: c.childProp1, childProp2: c.childProp2, }) return a }, {}) ) console.log(result)