在父/子结构js中转换嵌套的object

Question

我尝试转换此结构（每个孩子都是对象中的属性）：

 const tree = { "Parent 1": { "Children1": { "Children2": { "#1": { info: {}}, "#2": { info: {}}. "#3": { info: {}} }, "Children1-1": { "Children2-2": { "#1": { info: {}}, "#2": { info: {}}. "#3": { info: {}} } }, "Parent 2": {... } };

在这个带有父子视图的树结构中。 但在我的树的尽头，我不需要孩子

 const resultTeee = [ { name: 'Parent 1', children: [ { name: 'Children 1', children: [ { name: 'Children 2', children: [ {name: "#1", info: {}}, {name: "#2", info: {}} ] } ] }, { name: 'Children 1-1', children: [ { name: 'Children 2-2', children: [ {name: "#1", info: {}}, {name: "#2", info: {}} ] } ] } ] }, { name: 'Parent 2'.... } ]

我尝试“遍历树”方法，但不明白如何切换到新的子路径。 Object 在每一层上可以有多个嵌套结构。

Answer 1

const toArrayTree = (obj) => {
    return Object.keys(obj).map(key => {
        return {name: key, children: [toArrayTree(obj[key])]}
    })
}

object 用于测试

const tree = {
    "Parent 1" : {
        "Children1": {
            "Children2": {
                "#1": { info: {}},
                "#2": { info: {}},
                "#3": { info: {}},
            }
        },
    },
    "Parent 2" : {
        "Children2.1": {
            "Children2.2": {
                "#4": { info: {}},
                "#5": { info: {}},
                "#6": { info: {}},
            }
        },
    },
};

但正如@adiga 所说，为什么树的最后一个分支不是{ name: 'info', children: [] } ？

解决方案更新

const toArrayTree = (obj) => {
    return Object.keys(obj).map(key => {
        return typeof obj[key] === 'object' ?
            {name: key, children: [toArrayTree(obj[key])]} :
            {name: key, [key]: obj[key]};
    })
}

使用Object(v) === v确实是个坏主意，因为例如 v 是 function

Answer 2

您可以map的entries 。 如果值为 object，则递归调用 function。

 const tree = {"Parent 1":{Children11:{Children111:{"#1":{info:{}},"#2":{info:{}},"#3":{info:{}}}}},"Parent 2":{Children21:{Children211:{"#1":{info:{}},"#2":{info:{}},"#3":{info:{}}}}}}; function trasnform(o) { return Object.entries(o).map(([name, v]) => Object(v) === v? { name, children: trasnform(v) }: { name, value: v } // unclear from the question ) } console.log(trasnform(tree))