JSON数据合并

Question

这是在做表格时遇到的问题。

通常表格渲染方式，就是根据json数组中的数据一条条遍历就好了，但需求是同一path下的数据要放在一行Table Row上渲染，也就是我需要把同一path的JSON数据合并，path数据合并覆盖前者，但其他数据（即使key值相同）合并但不覆盖前者，怎么才能有效的完成这种数据的合并呢？或是有更好的解决方法吗？

    "export_dir_list": [
        {
            "path": "client_01",
            "client_list": [
                {
                    "client": "test_01",
                }
            ],
            "share_type": 1,   
            },
        {
            "path": "client_01",
            "group_list": [
                {
                    "group": "groupData",
                }
            ],
            "user_list": [
                {
                    "user": "userData",
                }
            ],
            "share_type": 2,
        },{
            "path": "client_02",
            "client_list": [
                {
                    "client": "test_02",
                }
            ],
            "share_type": 1,
        },
        {
            "path": "client_02",
            "group_list": [
                {
                    "group": "groupData_02",
                }
            ],
            "user_list": [
                {
                    "user": "userData_02",
                }
            ],
            "share_type": 2,
        }

    ]

对于原生JS实现JSON数据合并我是明白的，但当前的数据格式有些想不明白该怎么合，希望不吝赐教！

Answer 1

function parse(data) {
    const hash = {};
    data.slice().forEach(item => {
        const path = item.path;
        if (!hash[path]) {
            hash[path] = item;
        } else {
            Object.keys(item).forEach(key => {
                const hashPath = hash[path];
                if (key !== "path") {
                    const val = item[key];
                    if (!hashPath[key]) {
                        hashPath[key] = val;
                    }
                    else {
                        if (!Array.isArray(hashPath[key])) {
                            hashPath[key] = [hashPath[key]];
                        }
                        hashPath[key] = hashPath[key].concat(val);
                    }
                }

            })
        }

    });
    return Object.keys(hash).map(key => hash[key]);
}
var test = [
    {
        "path": "client_01",
        "client_list": [
            {
                "client": "test_01",
            }
        ],
        "share_type": 1,
    },
    {
        "path": "client_01",
        "group_list": [
            {
                "group": "groupData",
            }
        ],
        "user_list": [
            {
                "user": "userData",
            }
        ],
        "share_type": 2,
    }, {
        "path": "client_02",
        "client_list": [
            {
                "client": "test_02",
            }
        ],
        "share_type": 1,
    },
    {
        "path": "client_02",
        "group_list": [
            {
                "group": "groupData_02",
            }
        ],
        "user_list": [
            {
                "user": "userData_02",
            }
        ],
        "share_type": 2,
    }

];

console.log(parse(test));