javascript – 迭代一个对象数组,用相同的索引求和值,并返回一个新的对象数组

我有一个对象数组,如下所示：

const data = [                 // array1
  [{x: 1},{y:2},{z:3}],[{x: 1},{z:3}]
],[                            // array2
  [{x: 1},{z:3}]
]

需要完成的是将array1中的x与具有相同索引的array2中的x相加. y和z也是如此.最终结果应该是包含求和值的新对象数组.

像这样的东西：

[
  [{totalXOne: 2},{totalYOne: 4},{totalZOne: 6}],[{totalXTwo: 2},{totalYTwo: 4},{totalZTwo: 6}],[{totalXThree: 2},{totalYthree: 4},{totalZThree: 6}],]

注意：所有数组的长度都相同,如果缺少值,则将替换为0)

我在MDN上找到了一些不错的东西,但是它总结了所有的x,y,z值,它返回了单个求和值,如下所示：

let initialValue = 0;
let sum = [{x: 1},{x:2},{x:3}].reduce(function(accumulator,currentValue) {
    return accumulator + currentValue.x;
},initialValue)

输出：

[
  [{totalX: 3},{totalY: 6},{totalZ: 9}],// this is not what I need
]

有什么办法可以实现吗？

UPDATE

我从另一个来源收到JSON.它包含一个名为allEmpsData的属性映射,我得到了必要的salaryData和映射,我得到了NET | GROSS | TAX数据.

let allReports = [];

    setTimeout(() => {

        allEmpsData.map(x => {
            let reports = {};

            let years = [];
            let months = [];

            let netArr = [];
            let grossArr = [];
            let mealArr = [];
            let taxArr = [];
            let handSalaryArr = [];

            x.salaryData.map(y => {
                years.push(y.year);
                months.push(y.month);
                    netArr.push(y.totalNetSalary);
                    grossArr.push(y.bankGrossSalary);
                    mealArr.push(y.bankHotMeal);
                    taxArr.push(y.bankContributes);
                    handSalaryArr.push(y.handSalary);
                })
                reports.year = years;
                reports.month = months;
                reports.net = netArr;
                reports.gross = grossArr;        
                reports.meal = mealArr;        
                reports.taxesData = taxArr;        
                reports.handSalaryData = handSalaryArr;
                allReports.push(Object.assign([],reports));
        });
    },1000);

我可以说,一切都正常,但事实是,.我不知道更好.然后这里有魔力：

setTimeout(() => {
    result = allReports.reduce((r,a) =>
         a.map((b,i) =>
           b.map((o,j) =>
             Object.assign(...Object
              .entries(o)
               .map(([k,v]) => ({ [k]: v + (getV(r,[i,j,k]) || 0) }))
                    )
                )
            ),undefined
        );
            console.log(result);
        },1500);

…它在节点控制台中返回一个空数组,但是如果我在上面更新的代码中控制了任何其他属性,那么它就在那里.有什么建议？

解决方法

您可以使用辅助函数来获取嵌套对象的值,并将值映射到同一索引.

const getV = (o,p) => p.reduce((t,k) => (t || {})[k],o);

var data = [[[{ x: 1 },{ y: 2 },{ z: 3 }],[{ x: 1 },{ z: 3 }]],[[{ x: 1 },{ z: 3 }]]],result = data.reduce((r,a) =>
        a.map((b,i) =>
            b.map((o,j) =>
                Object.assign(...Object
                    .entries(o)
                    .map(([k,k]) || 0) }))
                )
            )
        ),undefined
    );

console.log(result);

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