如何对对象内的对象属性求和？

Question

I am trying to sum the total of matches and participants of each cup in this object:

{
    "Cup_1": {
        "bronze": {
            "matches": 3,
            "participants": 289
        },
        "silver": {
            "matches": 20,
            "participants": 1874
        },
        "gold": {
            "matches": 35,
            "participants": 3227
        },
        "platinum": {
            "matches": 3,
            "participants": 294
        },
        "diamond": {
            "matches": 5,
            "participants": 482
        },
        "ace": {
            "matches": 6,
            "participants": 574
        }
    },
    "Cup_2": {
        "bronze": {
            "matches": 17,
            "participants": 1609
        },
        "silver": {
            "matches": 46,
            "participants": 4408
        },
        "gold": {
            "matches": 157,
            "participants": 14391
        },
        "platinum": {
            "matches": 0,
            "participants": 0
        },
        "diamond": {
            "matches": 5,
            "participants": 469
        },
        "ace": {
            "matches": 10,
            "participants": 959
        }
    },
    "Cup_3": {
        "bronze": {
            "matches": 35,
            "participants": 3358
        },
        "silver": {
            "matches": 96,
            "participants": 9069
        },
        "gold": {
            "matches": 313,
            "participants": 29527
        },
        "platinum": {
            "matches": 10,
            "participants": 960
        },
        "diamond": {
            "matches": 16,
            "participants": 1538
        },
        "ace": {
            "matches": 45,
            "participants": 4280
        }
    },
    "Cup_4": {
        "bronze": {
            "matches": 2,
            "participants": 187
        },
        "silver": {
            "matches": 8,
            "participants": 742
        },
        "gold": {
            "matches": 37,
            "participants": 3416
        },
        "platinum": {
            "matches": 0,
            "participants": 0
        },
        "diamond": {
            "matches": 2,
            "participants": 196
        },
        "ace": {
            "matches": 3,
            "participants": 290
        }
    },
    "Cup_5": {
        "bronze": {
            "matches": 89,
            "participants": 1638
        }
    }
}

I don't know how to sum properties when the object has another object inside it (sorry I didn't learned that yet);

I want to have a new object with the results of each cup total matches, and total participants. And also the total matches and participants of each category for all the cups except the cup_5 because it only have a single category.

Something like:

Cup_1 total matches: 72

Cup_1 total participants: 6740

Total Bronze matches (All cups): 57;

Total Bronze Participants (All cups): 5443

Example new object with the results:

var cups_result = {
  "Total_Cup_1": {
    matches: 72,
    participants: 6740,
  },
  "Total_Bronze": {
    matches: 57,
    participants: 5443,
  },
}

I read that this sum of objects properties could be done with .map but I don't know how to properly use map with objects.

If anyone could be kind to help me I would be grateful!

Answer 1

Nested for loop will be helpful in fetching the matches and participants fields from cups var.

for (var c in cups) { 
   for ( let medal in cups[c] ) { 
        console.log(cups[c][medal]["matches"], cups[c][medal]["participants"]);
   } 
} 

Answer 2

Create an empty object for result.Then use forEach() to loop though all cups. And store result in the empty object.

 let data = { "Cup_1": { "bronze": { "matches": 3, "participants": 289 }, "silver": { "matches": 20, "participants": 1874 }, "gold": { "matches": 35, "participants": 3227 }, "platinum": { "matches": 3, "participants": 294 }, "diamond": { "matches": 5, "participants": 482 }, "ace": { "matches": 6, "participants": 574 } }, "Cup_2": { "bronze": { "matches": 17, "participants": 1609 }, "silver": { "matches": 46, "participants": 4408 }, "gold": { "matches": 157, "participants": 14391 }, "platinum": { "matches": 0, "participants": 0 }, "diamond": { "matches": 5, "participants": 469 }, "ace": { "matches": 10, "participants": 959 } }, "Cup_3": { "bronze": { "matches": 35, "participants": 3358 }, "silver": { "matches": 96, "participants": 9069 }, "gold": { "matches": 313, "participants": 29527 }, "platinum": { "matches": 10, "participants": 960 }, "diamond": { "matches": 16, "participants": 1538 }, "ace": { "matches": 45, "participants": 4280 } }, "Cup_4": { "bronze": { "matches": 2, "participants": 187 }, "silver": { "matches": 8, "participants": 742 }, "gold": { "matches": 37, "participants": 3416 }, "platinum": { "matches": 0, "participants": 0 }, "diamond": { "matches": 2, "participants": 196 }, "ace": { "matches": 3, "participants": 290 } }, "Cup_5": { "bronze": { "matches": 89, "participants": 1638 } } } function sumOfCup(obj,cupNos,cuptypes){ let result = {}; Object.keys(obj).forEach(a => { Object.keys(obj[a]).forEach(x => { if(result[`Total_${x}`]){ result[`Total_${x}`].matches += obj[a][x].matches; result[`Total_${x}`].participants += obj[a][x].participants; } else result[`Total_${x}`] = {...obj[a][x]}; }) result[`Total_${a}`] = Object.values(obj[a]).reduce((ac,a)=>{ ac.matches += a.matches ac.participants += a.participants; return ac; },{matches:0,participants:0}) }) return result } console.log(data); console.log(sumOfCup(data)) 

Answer 3

I would still separate the totals per cup from the totals per medal, and maybe add a grand total as well (since we are at it):

 const data = {"Cup_1": {"bronze": {"matches": 3,"participants": 289},"silver": {"matches": 20,"participants": 1874},"gold": {"matches": 35,"participants": 3227},"platinum": {"matches": 3,"participants": 294},"diamond": {"matches": 5,"participants": 482},"ace": {"matches": 6,"participants": 574}},"Cup_2": {"bronze": {"matches": 17,"participants": 1609},"silver": {"matches": 46,"participants": 4408},"gold": {"matches": 157,"participants": 14391},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 5,"participants": 469},"ace": {"matches": 10,"participants": 959}},"Cup_3": {"bronze": {"matches": 35,"participants": 3358},"silver": {"matches": 96,"participants": 9069},"gold": {"matches": 313,"participants": 29527},"platinum": {"matches": 10,"participants": 960},"diamond": {"matches": 16,"participants": 1538},"ace": {"matches": 45,"participants": 4280}},"Cup_4": {"bronze": {"matches": 2,"participants": 187},"silver": {"matches": 8,"participants": 742},"gold": {"matches": 37,"participants": 3416},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 2,"participants": 196},"ace": {"matches": 3,"participants": 290}},"Cup_5": {"bronze": {"matches": 89,"participants": 1638}}} const cupTotals = {}, medalTotals = {}, grandTotal = { matches: 0, participants: 0 }; for (const cup in data) { cupTotals[cup] = { matches: 0, participants: 0 }; for (let medal in data[cup]) { const {matches, participants} = data[cup][medal]; if (cup === "Cup_5" && medal === "bronze") medal = "junior"; cupTotals[cup].matches += matches; cupTotals[cup].participants += participants; if (!medalTotals[medal]) medalTotals[medal] = { matches: 0, participants: 0 }; medalTotals[medal].matches += matches; medalTotals[medal].participants += participants; grandTotal.matches += matches; grandTotal.participants += participants; } } const results = { cupTotals, medalTotals, grandTotal }; console.log(results); 

Answer 4

You can use Object.keys , Object.values and destructuring for this - the below returns a summary of each cup:

 const cup_data = { "Cup_1": { "bronze": { "matches": 3, "participants": 289 }, "silver": { "matches": 20, "participants": 1874 }, "gold": { "matches": 35, "participants": 3227 }, "platinum": { "matches": 3, "participants": 294 }, "diamond": { "matches": 5, "participants": 482 }, "ace": { "matches": 6, "participants": 574 } }, "Cup_2": { "bronze": { "matches": 17, "participants": 1609 }, "silver": { "matches": 46, "participants": 4408 }, "gold": { "matches": 157, "participants": 14391 }, "platinum": { "matches": 0, "participants": 0 }, "diamond": { "matches": 5, "participants": 469 }, "ace": { "matches": 10, "participants": 959 } }, "Cup_3": { "bronze": { "matches": 35, "participants": 3358 }, "silver": { "matches": 96, "participants": 9069 }, "gold": { "matches": 313, "participants": 29527 }, "platinum": { "matches": 10, "participants": 960 }, "diamond": { "matches": 16, "participants": 1538 }, "ace": { "matches": 45, "participants": 4280 } }, "Cup_4": { "bronze": { "matches": 2, "participants": 187 }, "silver": { "matches": 8, "participants": 742 }, "gold": { "matches": 37, "participants": 3416 }, "platinum": { "matches": 0, "participants": 0 }, "diamond": { "matches": 2, "participants": 196 }, "ace": { "matches": 3, "participants": 290 } }, "Cup_5": { "bronze": { "matches": 89, "participants": 1638 } } }; let cup_results = {}; Object.keys(cup_data).forEach(key => { let newCupKey = "Total_" + key; cup_results[newCupKey] = {}; cup_results[newCupKey].matches = Object.values(cup_data[key]).reduce((acc, { matches }) => acc + matches, 0); cup_results[newCupKey].participants = Object.values(cup_data[key]).reduce((acc, { participants }) => acc + participants, 0); }); console.log(cup_results); 

Answer 5

You can, of course, make a monolithic function that will do everything you need, but it's probably going to be easier to understand and maintain if you break it down into smaller ideas.

For example you can make a function that only takes an object and returns the sum of matches and participants . That will be short, readable and, most importantly, reusable:

function sumObj(obj){
  // returns the sum of matches and participant propertes of all obj's values
  return Object.values(obj).reduce((sums, o) => {
    sums.matches += o.matches
    sums.participants += o.participants
    return sums
  }, {matches: 0, participants: 0})
}

Now you can use and reuse this function in a variety of ways. For example to get all the main categories of the larger object, just reduce over the values and set a new key for each obj:

 let o = {"Cup_1": {"bronze": {"matches": 3,"participants": 289},"silver": {"matches": 20,"participants": 1874},"gold": {"matches": 35,"participants": 3227},"platinum": {"matches": 3,"participants": 294},"diamond": {"matches": 5,"participants": 482},"ace": {"matches": 6,"participants": 574}},"Cup_2": {"bronze": {"matches": 17,"participants": 1609},"silver": {"matches": 46,"participants": 4408},"gold": {"matches": 157,"participants": 14391},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 5,"participants": 469},"ace": {"matches": 10,"participants": 959}},"Cup_3": {"bronze": {"matches": 35,"participants": 3358},"silver": {"matches": 96,"participants": 9069},"gold": {"matches": 313,"participants": 29527},"platinum": {"matches": 10,"participants": 960},"diamond": {"matches": 16,"participants": 1538},"ace": {"matches": 45,"participants": 4280}},"Cup_4": {"bronze": {"matches": 2,"participants": 187},"silver": {"matches": 8,"participants": 742},"gold": {"matches": 37,"participants": 3416},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 2,"participants": 196},"ace": {"matches": 3,"participants": 290}},"Cup_5": {"bronze": {"matches": 89,"participants": 1638}}} /* * Base function. Sum an object's matches & participants */ function sumObj(obj){ return Object.values(obj).reduce((sums, o) => { sums.matches += o.matches sums.participants += o.participants return sums }, {matches: 0, participants: 0}) } let sums = Object.entries(o).reduce((totals, [key, val]) => { totals[key] = sumObj(val) // call the sum function for each value return totals }, {}) console.log(sums) /* * Pass sums back into the same function to get a grand total: */ console.log("grand total: ", sumObj(sums)) /* * To sum only a subset filter the obj entries first: * Without Cup_5 */ let minus_5 = Object.entries(o) .filter(([k, v ]) => k != 'Cup_5') // filter first .reduce((totals, [key, val]) => { totals[key] = sumObj(val) // call the sum function for each value return totals }, {}) console.log("all but Cup_5", minus_5) /* * To get only a subcategory, use map and make a new * array and pass it to the function: * Only bronze: */ let bronze = Object.values(o).map(item => item.bronze) // get only bronze console.log("Bronze", sumObj(bronze)) 

As you should see this is very flexible and will let you create many different reports with the same core function.

Answer 6

I think below function should be generic solution to your problem.

 const data = {"Cup_1": {"bronze": {"matches": 3,"participants": 289},"silver": {"matches": 20,"participants": 1874},"gold": {"matches": 35,"participants": 3227},"platinum": {"matches": 3,"participants": 294},"diamond": {"matches": 5,"participants": 482},"ace": {"matches": 6,"participants": 574}},"Cup_2": {"bronze": {"matches": 17,"participants": 1609},"silver": {"matches": 46,"participants": 4408},"gold": {"matches": 157,"participants": 14391},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 5,"participants": 469},"ace": {"matches": 10,"participants": 959}},"Cup_3": {"bronze": {"matches": 35,"participants": 3358},"silver": {"matches": 96,"participants": 9069},"gold": {"matches": 313,"participants": 29527},"platinum": {"matches": 10,"participants": 960},"diamond": {"matches": 16,"participants": 1538},"ace": {"matches": 45,"participants": 4280}},"Cup_4": {"bronze": {"matches": 2,"participants": 187},"silver": {"matches": 8,"participants": 742},"gold": {"matches": 37,"participants": 3416},"platinum": {"matches": 0,"participants": 0},"diamond": {"matches": 2,"participants": 196},"ace": {"matches": 3,"participants": 290}},"Cup_5": {"bronze": {"matches": 89,"participants": 1638}}}; function getCumlativeData(data) { return Object.keys(data).reduce((cumData, cup)=>{ let cupCumlative = {matches: 0, participants:0}; Object.keys(data[cup]).forEach(med => { cumData[`Total_${med}`] = cumData[`Total_${med}`] || {matches: 0, participants:0}; cumData[`Total_${med}`] = { matches: cumData[`Total_${med}`].matches + data[cup][med].matches, participants: cumData[`Total_${med}`].participants + data[cup][med].participants, }; cupCumlative = { matches: cupCumlative.matches + data[cup][med].matches, participants: cupCumlative.participants + data[cup][med].participants }; }); return {...cumData, [`Total_${cup}`]: cupCumlative}; },{}); } console.log(getCumlativeData(data));