What is the best way to loop through object array using javaScript?

Question

What is the best way to loop through the below object?

object {
   ATR: [object {
     company:'Apple',
     funded: 'Yes',
     funding: 'Expected',
     program: 'ATR'
   },object {
     company:'Google',
     funded: 'Yes',
     funding: 'Expected',
     program: 'ATR'
   }],
   QTR: [object {
     company:'Apple',
     funded: 'Yes',
     funding: 'Expected',
     program: 'QTR'
   }],
   RES:[],
   STR: [object {
     company:'Apple',
     funded: 'Yes',
     funding: 'Expected',
     program: 'STR'
   },object {
     company:'Google',
     funded: 'Yes',
     funding: 'Expected',
     program: 'STR'
   }]
}

I tried the following code but it just returned an empty array. My goal is to be able to loop through the data and show a table grouped by 'program' property.


function loopThrough(data){
  for (key in data){
    console.log(data[key])
  }
}

Here's the pen

Any help would be much appreciated.

Thanks!

There is no "best way". It's also quite unclear what xou want to achieve here ... Have a look at the dupe for some ways to iterate objects, arrays, etc. — Jonas Wilms, Aug 26 '19 at 21:54
It's showing an empty array for `RES` because the response doesn't have anything for that key. — Barmar, Aug 26 '19 at 21:55
Solved it, you need to use `reduce` properly to achieve that https://codepen.io/aganglada/pen/KKPWOKX?editors=0012 — Alejandro Garcia Anglada, Aug 26 '19 at 22:02
Thanks for the solution @AlejandroGarciaAnglada but unfortunately, es6 does not work in IE 11. I will use babel to convert it. Hopefully that works. Thanks again! — OLA, Aug 27 '19 at 16:14
Yeah, expected, you could fo that, or change spread operator to `Object.assign` — Alejandro Garcia Anglada, Aug 28 '19 at 05:21

What is the best way to loop through object array using javaScript?

0 Answers0