前端
2021-10-25
2021-10-25
一个人的礼貌是一面照出他的肖像的镜子。——歌德
我们在前端对数组进行操作时,如果使用map
函数,编写的箭头函数其实也是可以解构的
例如经常遇到的,将一个对象数组中的属性,更换另一个属性名,用于给vue
组件传值
写法如下:
1 | [{name:'achao',id:1},{name:'阿超',id:2}].map(({name:username,id:userId})=>({username,userId})) |
注意的是,结构赋值需要打括号,下方再举一个例子,这里用flatMap
收集全部的name
和id
直接变为一个数组
1 | [{name:'achao',id:1},{name:'阿超',id:2}].flatMap(({name,id})=>[name,id]) |