ES6小技巧之代替lodash
网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要给大家介绍了关于ES6小技巧之代替lodash的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化来一起学习学习吧
Javascript ES6标准实行后,Lodash或者Ramada中的一些功能我们就不需要了,可以使用ES6的语法来实现
获取Object中指定键值
我们现在可以使用解包的方法快速获取对象中指定键值的值
const obj = { a:1, b:2, c:3, d:4 }; // 获取obj中a与b的值 const {a,b} = obj; // 也可以给他们取别名 const {a:A, b:B} = obj;
这个小技巧非常的方便,也是最基础的使用方法
排除Object中不需要的键值
既然我们可以获取到想要的对象键值,那么也可以排除掉不想要的键值,使用方法就要用到ES6的rest新特性
const obj = { a:1, b:2, c:3, d:4 } // 我们想要获取除了a之外的所有属性 const {a, ...other} = obj
我们只要指定那些排除掉的属性,剩下的就是需要的属性,这样可以非常快速的排除不需要的属性
对象快速求和
有时候我们需要对一组对象数组中的某一个属性求总和,以前我们可以使用forEach或者for这样的循环遍历的方法来计算,现在我们可以使用reduce方法来快速实现
const objs = [ {name:'lilei', score: 98}, {name:'hanmeimei', score: 95}, {name:'polo', score: 85}, ... ] const scoreTotal = objs.reduce( (total, obj) => { return obj.score + total; }, 0 /第二个参数是total的初始值/)
使用reduce就能快速的实现对某一个属性的总和计算
map也能异步遍历
是不是觉得只有for能够进行异步操作不方便,其实map也能进行异步操作,不过需要结合Promise的新方法一起使用
const arr = [1,2,3,4,...] const queue = arr.map(async item => { return item + 1; }) Promise.all(queue).then(newArr => console.log(newArr))
这样一来我们在map中也能使用异步操作了
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对狼蚁SEO的支持。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指