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

相关推荐
2025-06-27
edgeone-pages
天下之事不难于立法,而难于法之必行。一一明·张居正 EdgeOne Pages:腾讯云推出的现代前端开发与部署新体验在现代 Web 开发持续演进的大潮中,开发者对前端托管、性能优化、无服务器化和全球加速的需求日益提升。腾讯云基于其强大的 EdgeOne 边缘计算基础设施,推出了面向开发者的全新前端平台——EdgeOne Pages,为构建、部署和加速静态站点及无服务器应用带来极致体验。 一、什么是 EdgeOne Pages?EdgeOne Pages 是一站式前端开发与部署平台,专为现代 Web 项目量身定做。它不仅支持静态页面的极速托管,还内置边缘 Serverless 能力,让你用 JavaScript 直接在全球边缘节点编写动态服务,无需管理服务器或基础设施,轻松实现低延迟、全球可用的前后端一体化应用。 二、核心产品优势1. 全球加速,极致性能依托腾讯云分布全球的边缘节点,EdgeOne Pages 能将静态资源自动缓存到离用户最近的位置,大幅提升页面打开速度和访问体验。无论访客来自国内外,网站都能保持高可用和低延时。 2. 极简部署,自动化上线集成高效的自动...
2022-10-17
icss
恋爱不是慈善事业,所以不能随便施舍——狄更斯 分享一个css的仓库 https://github.com/chokcoco/iCSS
2024-10-29
typescript-exercises(三)
青年人的教育是国家的基石。——富兰克林 题面: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/*Intro: Since we already have some of the additional information about our users, it's a good idea to output it in a nice way.Exercise: Fix type errors in logPerson function. logPerson function should accept both User and Admin and should output relevant information according to the input: occupation for User an...
2023-04-11
Neumorphic Elements
与智者同行,必得智慧;与愚者相伴,必定无益处。——大卫王 分享一些前端漂亮的小组件 https://codepen.io/myacode/pen/PoqQQNM 效果还是非常惊艳的
2021-12-14
nvue获取节点信息
我们生活在阴沟里,但依然有人仰望星空。——王尔德 在nvue中我们获取节点信息就需要如下写法: 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...
2023-04-14
js文件名排序
处人不可任己意,要悉人之情;处事不可任己见,要悉事之理。——吕坤 分享一个今天写的简单的文件名排序 12345678910111213141516171819202122232425262728293031323334353637383940function fileNameCompare(a, b) { if (a == null || b == null) return 0; let na = a.split(/[-_.—, (]/) let nb = b.split(/[-_.—, (]/) let maxLoop = Math.max(na.length, nb.length) for (let i = 0; i < maxLoop; i++) { if (!isNaN(Number(na[i])) && !isNaN(Number(nb[i]))) { let num = Number(na[i]) - Number(nb[i]) ...

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