箭头函数和解构赋值混用
发表于|更新于
|浏览量:
一个人的礼貌是一面照出他的肖像的镜子。——歌德
我们在前端对数组进行操作时,如果使用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]) |

相关推荐
2020-11-23
js打字机动画效果实现
坦白使人心地轻松的妙药。——西塞罗 实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...
2024-11-05
typescript-exercises(十)
如果你不尊敬你的父母,那你的孩子也将不会尊敬你。——佚名 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...
2024-03-05
web前端面试题
把钱都用在对自己对别人都有益的事情上,不要错花一文钱。——富兰克林 分享一个web面试题汇总网站 web前端面试 - 面试官系列 https://github.com/febobo/web-interview https://vue3js.cn/ 非常nice
2024-09-15
Vitest集成github action
精神上最好的避难所还是书本:它们既不会忘了你,也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架,我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...
2020-09-01
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的 今天继续完善一下,下面的函数ruben就算循环10亿次,一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密,但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子,对应的标签为plate,鼠标移动上去还有高亮,我们需要选中所有的盘子则使用plate标签选择器 源码地址:https://github.com/flukeout/css-diner

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog