Javascript 迭代数组并形成另一种格式或数组

这是我的阵列

Arrdata = [{fdata:[], title:"1","desc":""}, {fdata:[], title:"2",,"desc":""}]

我想创建另一个输出，如下

steps = [
  { name: Arrdata.title[0], component: Arrdata.fdata[0],
  { name: Arrdata.title[1]", component: Arrdata.fdata[1] },
]

---

非常感谢您的帮助。

您希望的

.map

功能将其从一个形状转换为另一个形状

steps = Arrdata.map(item => ({ name: item.title, component: item.fdata }))

---

从标题和标记中删除React-这只是一个纯javascript问题：-）您是否打算执行

步骤=[{name:Arrdata[0]。标题，组件：Arrdata[0]。fdata}，{name:Arrdata[1]。标题，组件：Arrdata[1]。fdata}]

以获取

[{name:“1”，组件：[]}，{name:“2”，组件：[]}

？