使用 reactjs 鍵根據單獨的 object 值過濾對象數組

Question

我有下面的數組：

[
 {
   "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"
}
]

我想在鍵下方分隔一個值

---

1. 名稱 Test1 Test2
2. 推動閃電的力量
3. 顏色 黃色 黃色
4. 財富 100 4004
5. 霍斯·塔圖因
6. 運輸 殲星艦 殲星艦

Answer 1

您可以使用reduce並根據鍵對它們進行分組：

 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);