遍历数组并转换格式:将Arrdata转为steps数组的技术实现求助
没问题,这事儿用 JavaScript 的 Array.map() 方法就能轻松搞定,而且代码简洁还能自动适配数组里的所有元素,不用硬写索引~
首先先修正你原数组里的小错误(第二个对象多了个逗号),确保语法合法:
const Arrdata = [ { fdata: [], title: "1", desc: "" }, { fdata: [], title: "2", desc: "" } ];
然后用 map() 遍历原数组,把每个元素转换成你想要的结构:
const steps = Arrdata.map(item => ({ name: item.title, component: item.fdata }));
这段代码的作用拆解:
- 遍历
Arrdata中的每一个对象,每处理一个对象就返回一个新的结构 - 新对象的
name属性对应原对象的title值 - 新对象的
component属性对应原对象的fdata值 - 自动适配数组长度,不管后续新增多少元素都能直接处理
执行完之后,steps 数组的结构就完全符合你的要求了:
[ { name: "1", component: [] }, { name: "2", component: [] } ]
内容的提问来源于stack exchange,提问作者Raj
相关产品推荐
相关产品推荐

