filter array of objects based on separate object values by keys using reactjs

Question

I have the array below:

[
 {
   "Name": "Test1",
   "powers": "Push",
   "color": "Yellow",
   "fortune": 100,
   "home": "Hoth",
   "transportation": "Star Destroyer"
 },
 {
  "Name": "Test2",
  "powers": "Lighning",
  "color": "Yellow",
  "fortune": 4004,
  "home": "Tatooine",
  "transportation": "Star Destroyer"
}
]

I want to separate a value below keys

---

1. Name Test1 Test2
2. powers Push Lighning
3. color Yellow Yellow
4. fortune 100 4004
5. home Hoth Tatooine
6. transportation Star Destroyer Star Destroyer

Answer 1

You can make use of reduce and group them based on the key:

 const arr = [ { "Name": "Test1", "powers": "Push", "color": "Yellow", "fortune": 100, "home": "Hoth", "transportation": "Star Destroyer" }, { "Name": "Test2", "powers": "Lighning", "color": "Yellow", "fortune": 4004, "home": "Tatooine", "transportation": "Star Destroyer"}]; const result = arr.reduce((a,o)=>{ Object.keys(o).forEach(k=>{ (a[k]??= []).push(o[k]) }); return a; },{}); console.log(result);