Transform a array data into a nested objects - recursion

Question

I have this issue when using echarts tree, need to solve by using recursive somehow
Can someone help me. Thank you
I have tried with some codes as blow and still not working
Here is my sample data
sampleData: any[] = [
{
input: '093098448-0000',
output: '4971432_01',
children: [
{
name: '4971432_01',
},
],
inputData: {
recId: '295ad5b2-4924-4ca4-899d-76fbfbba4f87',
userId: 'FrontendTestUser',
containerId: null,
handlingUnitId: null,
documentNo: null,
materialNo: '093098448-0000',
orderNo: '4971432',
workplaceId: '84960950',
workplaceDescription: null,
operationNo: '0010',
operationShortText: 'Kivágás, formázás 60 HUB; SÁRGA',
inputDate: '2022-02-04T11:55:11.193',
quantityOK: 5321,
quantityNok: 0,
processNumberJoined: null,
warningText: null,
coil: null,
containerRecId: null,
workplaceRecId: '16111747-ef85-4402-96e5-444dffc209dd',
lastModified: '0001-01-01T00:00:00',
},
outputData: {
workplaceOutputRecId: '7a57cc35-0020-4130-81bc-0078b98deb9b',
workplaceId: null,
workplaceName: null,
workcenter: '84960950',
operationNo: '0010',
operationShortText: 'Kivágás, formázás 60 HUB; SÁRGA',
additionalInfo: null,
containerId: '4971432_01',
handlingUnitId: null,
orderNo: null,
orderRecId: '00000000-0000-0000-0000-000000000000',
materialNo: null,
documentNo: null,
index: null,
outputDate: '2022-02-04T12:41:32.007',
userId: 'FISCHMTA',
quantityOK: 11,
quantityNok: 1,
isFinalFeedback: true,
processNumberJoined: null,
skipped: false,
comment: null,
containerRecId: 'fabd939e-0110-44c0-9d62-06f2b1b85044',
workplaceRecId: '16111747-ef85-4402-96e5-444dffc209dd',
lastModified: '0001-01-01T00:00:00',
},
nested: false,
},
{
input: '093098448-0000',
output: '4971432_05',
children: [
{
name: '4971432_05',
},
],
inputData: {
recId: '295ad5b2-4924-4ca4-899d-76fbfbba4f87',
userId: 'FrontendTestUser',
containerId: null,
handlingUnitId: null,
documentNo: null,
materialNo: '093098448-0000',
orderNo: '4971432',
workplaceId: '84960950',
workplaceDescription: null,
operationNo: '0010',
operationShortText: 'Kivágás, formázás 60 HUB; SÁRGA',
inputDate: '2022-02-04T11:55:11.193',
quantityOK: 5321,
quantityNok: 0,
processNumberJoined: null,
warningText: null,
coil: null,
containerRecId: null,
workplaceRecId: '16111747-ef85-4402-96e5-444dffc209dd',
lastModified: '0001-01-01T00:00:00',
},
outputData: {
workplaceOutputRecId: 'd3f6bce2-54a2-4adf-bf19-68c178b6492a',
workplaceId: null,
workplaceName: null,
workcenter: '84960950',
operationNo: '0010',
operationShortText: '0010',
additionalInfo: null,
containerId: '4971432_05',
handlingUnitId: null,
orderNo: null,
orderRecId: '00000000-0000-0000-0000-000000000000',
materialNo: null,
documentNo: null,
index: null,
outputDate: '2022-02-21T16:22:16.507',
userId: 'ernstfri',
quantityOK: 25,
quantityNok: 0,
isFinalFeedback: true,
processNumberJoined: '0010',
skipped: false,
comment: null,
containerRecId: '1234069d-7a04-430c-b425-105bb6254320',
workplaceRecId: '16111747-ef85-4402-96e5-444dffc209dd',
lastModified: '0001-01-01T00:00:00',
},
nested: false,
}
]
The output data looks like
data: { name: string; children: any[] } = {
name: '093098448-0000',
children: [
{
name: '4971432_01',
},
{
name: '4971432_05',
children: [
{
name: '4971432_88',
},
],
},
],
};
I have run this function
findNode(ele, obj) {
console.log('findNode', ele);
if (ele.name === obj.input) {
let child = { name: obj.input, children: obj.children };
ele.children.push(child);
return true;
} else {
const c = ele.children.length;
if (c > 0) {
for (let i = 0; c > i; i++) {
const found = this.findNode(ele.children[i], obj);
// console.log('found', found);
if (found) break;
}
}
}
}