用子数组展平数组

Question

我有一个数组，如下所示

[
{
    "entity": {
        "id": "2387232d-5fc4-4344-b71b-42f70ff16040",
        "pid": "bdba6327-4055-42db-8f2e-34c595a6f79f",
        "name": "Outsourcing Lead",
        "title": "OL"
    },
    "childNodes": [
        {
            "entity": {
                "id": "91444f59-1b70-4817-a9a5-8e9b85a9799a",
                "pid": "2387232d-5fc4-4344-b71b-42f70ff16040",
                "name": "Corporate Accountant",
                "title": "CA"
            },
            "childNodes": [],
            "depth": 2,
            "parent": {
                "id": "2387232d-5fc4-4344-b71b-42f70ff16040",
                "pid": "bdba6327-4055-42db-8f2e-34c595a6f79f",
                "name": "Outsourcing Lead",
                "title": "OL"
            }
        },
        {
            "entity": {
                "id": "4454e911-d1dc-494d-b243-e3237b9971d7",
                "pid": "2387232d-5fc4-4344-b71b-42f70ff16040",
                "name": "Liaison Officer / Messenger",
                "title": "LO"
            },
            "childNodes": [
                {
                    "entity": {
                        "id": "893b5911-eb46-4bb3-a3eb-ac375f959202",
                        "pid": "4454e911-d1dc-494d-b243-e3237b9971d7",
                        "name": "System Administrator",
                        "title": "SYSAD"
                    },
                    "childNodes": [],
                    "depth": 3,
                    "parent": {
                        "id": "4454e911-d1dc-494d-b243-e3237b9971d7",
                        "pid": "2387232d-5fc4-4344-b71b-42f70ff16040",
                        "name": "Liaison Officer / Messenger",
                        "title": "LO"
                    }
                }
            ],
            "depth": 2,
            "parent": {
                "id": "2387232d-5fc4-4344-b71b-42f70ff16040",
                "pid": "bdba6327-4055-42db-8f2e-34c595a6f79f",
                "name": "Outsourcing Lead",
                "title": "OL"
            }
        }
    ],
    "depth": 1,
    "parent": null
}]

但是，我想要一个如下所示的结果。

[
{
    "id": "2387232d-5fc4-4344-b71b-42f70ff16040",
    "pid": "bdba6327-4055-42db-8f2e-34c595a6f79f",
    "name": "Outsourcing Lead",
    "title": "OL"
},
{
    "id": "2387232d-5fc4-4344-b71b-42f70ff16040",
    "pid": "bdba6327-4055-42db-8f2e-34c595a6f79f",
    "name": "Outsourcing Lead",
    "title": "OL"
},
{
     "id": "893b5911-eb46-4bb3-a3eb-ac375f959202",
     "pid": "4454e911-d1dc-494d-b243-e3237b9971d7",
     "name": "System Administrator",
     "title": "SYSAD"
}]

我已经在这个帖子上搜索并尝试了答案。

Merge/flatten an array of arrays

Flatten a jagged multi dimensional array

var flattened = [].concat.apply([], data);

"data“变量是我的数组。但它不起作用。

感谢任何人的帮助。谢谢。

Answer 1

您可以采用迭代和递归方法，并使用Array#flatMap返回平面数组。

这种方法只接受entity对象。

​

const
    getFlat = ({ entity, childNodes }) => [entity, ...childNodes.flatMap(getFlat)],
    array = [{ entity: { id: "2387232d-5fc4-4344-b71b-42f70ff16040", pid: "bdba6327-4055-42db-8f2e-34c595a6f79f", name: "Outsourcing Lead", title: "OL" }, childNodes: [{ entity: { id: "91444f59-1b70-4817-a9a5-8e9b85a9799a", pid: "2387232d-5fc4-4344-b71b-42f70ff16040", name: "Corporate Accountant", title: "CA" }, childNodes: [], depth: 2, parent: { id: "2387232d-5fc4-4344-b71b-42f70ff16040", pid: "bdba6327-4055-42db-8f2e-34c595a6f79f", name: "Outsourcing Lead", title: "OL" } }, { entity: { id: "4454e911-d1dc-494d-b243-e3237b9971d7", pid: "2387232d-5fc4-4344-b71b-42f70ff16040", name: "Liaison Officer / Messenger", title: "LO" }, childNodes: [{ entity: { id: "893b5911-eb46-4bb3-a3eb-ac375f959202", pid: "4454e911-d1dc-494d-b243-e3237b9971d7", name: "System Administrator", title: "SYSAD" }, childNodes: [], depth: 3, parent: { id: "4454e911-d1dc-494d-b243-e3237b9971d7", pid: "2387232d-5fc4-4344-b71b-42f70ff16040", name: "Liaison Officer / Messenger", title: "LO" } }], depth: 2, parent: { id: "2387232d-5fc4-4344-b71b-42f70ff16040", pid: "bdba6327-4055-42db-8f2e-34c595a6f79f", name: "Outsourcing Lead", title: "OL" } }], depth: 1, parent: null }],
    flat = array.flatMap(getFlat);

console.log(flat);

.as-console-wrapper { max-height: 100% !important; top: 0; }

​