Javascript 减少嵌套对象数组

发布于05月13日

我有一个嵌套对象的动态数组，如下所示:

[
    {
        "fields": [
            {
                "field-1": {
                    "id": "field-1",
                    "value": "a1"
                },
                "field-2": {
                    "id": "field-2",
                    "value": "a2"
                },
                "field-3": {
                    "id": "field-3",
                    "value": "a3"
                }
            }
        ]
    },
    {
        "fields": [
            {
                "field-1": {
                    "id": "field-1",
                    "value": "b1"
                },
                "field-2": {
                    "id": "field-2",
                    "value": "b2"
                },
                "field-3": {
                    "id": "field-3",
                    "value": "b3"
                }
            }
        ]
    }
]

我想要将此数组解析/简化为以下类型的 struct :

[
    {
        "field-1": "a1",
        "field-2": "a2",
        "field-3": "a3"
    },
    {
        "field-1": "b1",
        "field-2": "b2",
        "field-3": "b3"
    },
]

虽然我已经有了一种迭代数组并构造新数组的详细方法，但我想知道是否可以使用Reduced方法获得 struct ，因为那样会更快？

解释

我们首先对给定的数组进行flatMap()，因为我们在数组中有数组，以获得以下结果:

const x = data.flatMap((obj) => obj.fields);

输出:

[
    {
        "field-1": {
            "id": "field-1",
            "value": "a1"
        },
        "field-2": {
            "id": "field-2",
            "value": "a2"
        },
        "field-3": {
            "id": "field-3",
            "value": "a3"
        }
    },
    {
        "field-1": {
            "id": "field-1",
            "value": "b1"
        },
        "field-2": {
            "id": "field-2",
            "value": "b2"
        },
        "field-3": {
            "id": "field-3",
            "value": "b3"
        }
    }
]

现在，对于上面数组中的每个对象，我只需要更改每个对象中每个键的值.因此，我们需要对前面的输出调用map，并使用reduce() for each 对象生成所需的对象:

const res = x.map((obj) => Object.entries(obj).reduce((p, [k, v]) => ({ ...p, [k]: v.value }), {}))

输出:

[
    {
        "field-1": "a1",
        "field-2": "a2",
        "field-3": "a3"
    },
    {
        "field-1": "b1",
        "field-2": "b2",
        "field-3": "b3"
    }
]