js 数组对象有多层数据，但只保留两层，该如何解决？

Question

模拟数据代码贴上：

let nav = [{
        name: "用户中心",
        code: "userManage",
        url: "",
        component: "",
        children: [{
                name: "角色管理",
                code: "userRole",
                url: "",
                component: "",
                children: [{
                    name: "新建",
                    code: "create"
                }]
            },
            {
                name: "用户管理",
                code: "userList",
                url: "",
                component: "",
                children: [{
                    name: "编辑",
                    code: "redact"
                }]
            }
        ]
    },
    {
        name: "系统管理",
        code: "systemManage",
        url: "",
        component: "",
        children: [{
            name: "应用管理",
            code: "system",
            url: "",
            component: "",
            children: [{
                name: "新建",
                code: "create"
            }]
        }]
    }
]

最后要得到的结果：

[{
        name: "用户中心",
        code: "userManage",
        url: "",
        component: "",
        children: [{
                name: "角色管理",
                code: "userRole",
                url: "",
                component: ""
            },
            {
                name: "用户管理",
                code: "userList",
                url: "",
                component: ""
            }
        ]
    },
    {
        name: "系统管理",
        code: "systemManage",
        url: "",
        component: "",
        children: [{
            name: "应用管理",
            code: "system",
            url: "",
            component: ""
        }]
    }
]

Answer 1

因为你这个只有children子属性中存在多层，所以在复制对象时，只处理首层的children子属性，其他层次的都不再处理。