Comment désemboîter récursivement des objets profondément imbriqués?

Je travaille avec un tableau qui pourrait avoir un certain nombre d'objets / tableaux d'imbrication imprévisible . Chacun des objets aura toujours une propriété name , et certains de ces objets peuvent avoir un tableau de sub_fields . Je souhaite dépouiller l'objet pour que la clé de chaque objet soit égale à la propriété name , tout en conservant les niveaux d'imbrication de l'original.

Voici un exemple de ce avec quoi je pourrais commencer:

var parsed_field_group = JSON.parse(JSON.stringify(field_group));
var fields = field_group[0].fields;

function removeKeys(obj, keys) {
    for (var prop in obj) {
        if(obj.hasOwnProperty(prop)) {
            switch(typeof(obj[prop])) {
                case 'object':
                    if(keys.indexOf(prop) > -1) {
                        delete obj[prop];
                    } else {
                        removeKeys(obj[prop], keys);
                    }
                    break;
                default:
                    if(!keys.includes(prop)) {
                        delete obj[prop];
                    }
                    break;
            }
        }
    }
}

removeKeys(fields, ['name', 'wrapper'])

console.log(fields)

var newJson = Object.create(null);
fields.forEach(field => {
    if (field.hasOwnProperty('sub_fields')) {
        newJson[field.name] = field
    } else {
        newJson[field.name] = null
    }
})

function handleSubFields(obj, key) {
    for (var prop in obj) {
        if (obj[prop]) {
            obj[prop][key].forEach(field => {
                if (field.hasOwnProperty(key)) {
                    obj[prop][field.name] = field
                } else {
                    obj[prop][field.name] = null
                }
            })
            delete obj[prop][key]
            delete obj[prop].name
        }
    }
}
handleSubFields(newJson, 'sub_fields')

console.log(newJson)

Idéalement, je vise à prendre ces données originales et à créer quelque chose comme ceci: p >

var newData = {
    'Object 1': null,
    'Object 2': null,
    'Object 3': {
        'Sublevel Object 1': {
            'Sublevel Object 1': null
        },
        'Sublevel Object 2': {
            'Sublevel Object 1': null,
            'Sublevel Object 2': null,
            'Sublevel Object 3': {
                  'Sublevel Object 1': null
             }
        }
    }
}

J'ai l'impression de passer beaucoup trop de temps là-dessus alors que je sais qu'il doit y avoir une sorte de fonction récursive pour y arriver --- je suis juste un peu trop inexpérimenté avec le genre de chose que j'ai du mal à trouver la solution.

Quelqu'un peut-il me montrer ce que je peux faire?

MODIFIER Voici ce que j'ai essayé. C'est un désordre confus et beaucoup trop fragmentaire - embarrassant en fait haha ​​- mais, de bonne foi, je ne voulais pas que vous pensiez que je n'ai pas essayé de comprendre cela par moi-même:

(également, le "field_group" en cours d'analyse provient d'une donnée JSON plus pertinente avec laquelle je travaille ... pas de l'exemple "foo / bar" ci-dessus.)

var data = [
    {
        foo: 'foo',
        bar: 'bar',
        name: 'Object 1'
    },
    {
        foo: 'foo',
        bar: 'bar',
        name: 'Object 2'
    },
    {
        foo: 'foo',
        bar: 'bar',
        name: 'Object 3',
        sub_fields : [
            {
                foo: 'foo',
                bar: 'bar',
                name: 'SubLevel Object 1',
                sub_fields: [
                    {
                        foo: 'foo',
                        bar: 'bar',
                        name: 'SubLevel Object 1',
                    }
                ]
            },
            {
                foo: 'foo',
                bar: 'bar',
                name: 'SubLevel Object 2',
                sub_fields: [
                    {
                        foo: 'foo',
                        bar: 'bar',
                        name: 'SubLevel Object 1',
                    },
                    {
                        foo: 'foo',
                        bar: 'bar',
                        name: 'SubLevel Object 2',
                    },
                    {
                        foo: 'foo',
                        bar: 'bar',
                        name: 'SubLevel Object 3',
                        sub_fields: [
                            {
                                foo: 'foo',
                                bar: 'bar',
                                name: 'SubLevel Object 1'
                            }
                        ]
                    }
                ]
            }
        ]
    }
]