javascript - 减少数组中的嵌套对象键值

Question

我有以下数组

array1 = [
    {a:{key:1 , value: 10} , b:{key:1 , value:12} , c:{key:1 , value: 5} , d:{key:1 , value:2}},
    {a:{key:2 , value: 10} , b:{key:2 , value:12} , c:{key:2 , value: 5} , d:{key:2 , value:2}},
    {a:{key:3 , value: 10} , b:{key:3 , value:12} , c:{key:3 , value: 5} , d:{key:3 , value:2}},
]

array2 = [
    {a:{key:1 , value: 10} , b:{key:1 , value:12} , c:{key:1 , value: 5} , d:{key:1 , value:2}},
    {a:{key:2 , value: 10} , b:{key:2 , value:12} , c:{key:2 , value: 5} , d:{key:2 , value:2}},
    {a:{key:4 , value: 10} , b:{key:4 , value:12} , c:{key:4 , value: 5} , d:{key:4 , value:2}},
]

基于 key 的简化数组应该如下所示:

combinedArray= [
    {a:{key:1 , value: 20} , b:{key:1 , value:24} , c:{key:1 , value: 10} , d:{key:1 , value:4}},
    {a:{key:2 , value: 20} , b:{key:2 , value:24} , c:{key:2 , value: 10} , d:{key:2 , value:4}},
    {a:{key:3 , value: 10} , b:{key:3 , value:12} , c:{key:3 , value: 5} , d:{key:3 , value:2}},
    {a:{key:4 , value: 10} , b:{key:4 , value:12} , c:{key:4 , value: 5} , d:{key:4 , value:2}},
]

首先，我尝试使用 const mergedArray = [...array1, ...array2]

合并两个数组

现在我想检查 key 是否重复。例如，如果 array1 和 array2 中都有 key1，则删除重复项，然后合并该键的值。

这是我尝试过的方法，但它仅通过 a.key 进行迭代:

function kdeAdder(param) {
    const array = [param.a]
    let tempHistory = [];
    for(let x=0;x<array.length;x++){
        array[x].forEach((item)=>{
            let noMatch = true; 
            if(tempHistory.length > 0) {
                tempHistory.forEach((tempItem, i)=>{
                    if(item.key === tempItem.key) {
                        tempHistory[i].value += item.value;
                        noMatch = !noMatch; 
                    }
                });
            }
            return (noMatch) ? tempHistory.push(item) : null;
        });

    }
    return tempHistory;
}
kdeAdder(mergedArray);

Answer 1

正如您确认的那样，key 内部属性通常由外部对象中的四个“a”、“b”、“c”、“d”对象共享，即 a. key value 可用于标识应合并哪些外部对象。

您可以通过该a.key 对所有对象进行分组(无论它们出现在array1 还是array2 中)，然后聚合对象发生在同一组。这两个操作都可以通过 reduce 调用来完成:

const aggregate = (objects) =>
    objects.reduce((x, y) => ({
        a: { key: x.a.key, value: x.a.value + y.a.value },
        b: { key: x.b.key, value: x.b.value + y.b.value },
        c: { key: x.c.key, value: x.c.value + y.c.value },
        d: { key: x.d.key, value: x.d.value + y.d.value },
    }));
                                
const merge = (array1, array2) =>
    Object.values(array1.concat(array2).reduce((acc, obj) => {
        (acc[obj.a.key] ??= []).push(obj);
        return acc;
    }, {})).map(aggregate);
    
const array1 = [
    {a:{key:1 , value: 10} , b:{key:1 , value:12} , c:{key:1 , value: 5} , d:{key:1 , value:2}},
    {a:{key:2 , value: 10} , b:{key:2 , value:12} , c:{key:2 , value: 5} , d:{key:2 , value:2}},
    {a:{key:3 , value: 10} , b:{key:3 , value:12} , c:{key:3 , value: 5} , d:{key:3 , value:2}},
];

const array2 = [
    {a:{key:1 , value: 10} , b:{key:1 , value:12} , c:{key:1 , value: 5} , d:{key:1 , value:2}},
    {a:{key:2 , value: 10} , b:{key:2 , value:12} , c:{key:2 , value: 5} , d:{key:2 , value:2}},
    {a:{key:4 , value: 10} , b:{key:4 , value:12} , c:{key:4 , value: 5} , d:{key:4 , value:2}},
]

console.log(merge(array1, array2));