Column addition of js two-dimensional array

var obj = [

]
        { a: 1, b: 2, c: 3 },
        { a: 4, b: 5, c: 6 },
        { a: 7, b: 8, c: 9 },
        { a: 2, b: 3, c: 10 }

];
is that you can add this column of a, this column of b, this column of c, and insert the above two-dimensional array into html to form a form, without letters, as long as the numbers are arranged

.

clipboard.png
this is the effect, but the total is the sum of columns a, b and c, not rows, but columns; ask the boss for help

Sep.29,2021

var obj = [{ a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 9 }, { a: 5, b: 8, c: 10 }];
let arr, brr, crr;
({ arr, brr, crr } = { arr: [], brr: [], crr: [] });
obj.forEach(function(file) {

    arr.push(file.a);
    brr.push(file.b);
    crr.push(file.c);

})
let str = 0;
let str1 = 0;
let str2 = 0;

function Fn(arr, brr, crr) {
    for (var i = 0; i < arguments.length; iPP) {

        for (var k = 0; k < arguments[i].length; kPP) {
            switch (k) {
                case 0:
                    str += arguments[i][k];
                    break;
                case 1:
                    str1 += arguments[i][k];
                    break;
                case 2:
                    str2 += arguments[i][k];
                    break;
            }

        }

    }

}
Fn(arr, brr, crr)

  reduce
 var obj = [
    { a: 1, b: 2, c: 3 },
    { a: 4, b: 5, c: 6 },
    { a: 7, b: 8, c: 9 },
    { a: 2, b: 3, c: 10 }
 ];

 let result = obj.reduce(function(total,value,index,arr){
  return {
      a:total.a+value.a,
    b:total.b+value.b,
    c:total.c+value.c
  } 
})
console.log(resulut) // {a: 14, b: 18, c: 28}
Menu