处理数组中的数据，有没有更高效优雅的写法？

Question

constmenuList=[{
text:"狗狗",
icon:"",
type:"gougou",
status:fasle,
},{
text:"猫猫",
icon:"",
type:"maomao",
status:fasle,
}]
letdataSource=[];
menuList.map((item,index)=>
dataSource.push({
key:item.type,
rank:index+1,
text:item.text,
type:item.type,
icon:item.icon,
status:item.status
})
);
想得到处理后的数据，返回个新的数组dataSource，上面是基本的写法了，有没有其他的方法？

Answer 1

letdataSource=menuList.map((item,index)=>{item={key:item.type,rank:index+1,text:item.text,type:item.type,icon:item.icon,status:item.status};returnitem});

Answer 2

map本来就是描述映射关系的，所以这里不需要新建一个dataSource，直接在map的回调函数中返回映射后的对象即可，这样map对数组进行遍历后会返回一个新的数组，这已经算是很不错的写法了。另外，如果映射关系有很多，可能会链式调用若干map方法，比如：arr.map(func1).map(func2).map(func3)这种情况可以利用compose来提高一些效率，如下：arr.map(compose(func3,func2,func1))