Как установить объект перед массивом в JS?

Question

в моем текущем проекте angular я должен изменить массив JSON, чтобы он мог отображаться в дереве. Чтобы дерево могло выводить объект, вложенный массив должен быть упакован в объект.

Ожидаемая форма / вывод:

this.nodes = [
 {
   id: 1,
   name: 'root1',
   children: [
     { id: 2, name: 'child1' },
     { id: 3, name: 'child2' }
   ]
 }, ....

Моя текущая форма:

[{
   id: 1,
   name: 'root1',
   name2: [{
         id: 2,
         name: 'child1'
      },
      {
         id: 3,
         name: 'child2',
         name3: [{
            id: 3,
            name: 'child2'
         }],
      },
   ]
}], ...

Как я могу передать свое имя name2 или name3 детям?

Answer 1

У меня есть один толстый лайнер:

const rename = (array) => array.map(item => Object.fromEntries(Object.entries(item).map(([k, v]) => k.match(/name\d+/) ? ['children', rename(v)] : [k, v])));

const nodes = [{
    id: 1,
    name: 'root1',
    name2: [
        {
            id: 2,
            name: 'child1'
        },
        {
            id: 3,
            name: 'child2',
            name3: [
                {
                    id: 3,
                    name: 'child2'
                }
            ],
        },
    ]
}];

const rename = (array) => array.map(item => Object.fromEntries(Object.entries(item).map(([k, v]) => k.match(/name\d+/) ? ['children', rename(v)] : [k, v])));

console.log(JSON.stringify(rename(nodes), null, 4));

// [
//     {
//         "id": 1,
//         "name": "root1",
//         "children": [
//             {
//                 "id": 2,
//                 "name": "child1"
//             },
//             {
//                 "id": 3,
//                 "name": "child2",
//                 "children": [
//                     {
//                         "id": 3,
//                         "name": "child2"
//                     }
//                 ]
//             }
//         ]
//     }
// ]