返回顶部
首页 > 资讯 > 前端开发 > node.js >ES6小技巧之代替lodash的示例分析
  • 539
分享到

ES6小技巧之代替lodash的示例分析

2024-04-02 19:04:59 539人浏览 八月长安
摘要

这篇文章主要介绍es6小技巧之代替lodash的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript ES6标准实行后,Lodash或者Ramada中的一些功能

这篇文章主要介绍es6小技巧之代替lodash的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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 )

使用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中也能使用异步操作了

以上是“ES6小技巧之代替lodash的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: ES6小技巧之代替lodash的示例分析

本文链接: https://lsjlt.com/news/76188.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • ES6小技巧之代替lodash的示例分析
    这篇文章主要介绍ES6小技巧之代替lodash的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Javascript ES6标准实行后,Lodash或者Ramada中的一些功能...
    99+
    2024-04-02
  • JavaScript工具库之Lodash的示例分析
    小编给大家分享一下JavaScript工具库之Lodash的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!lodash演...
    99+
    2024-04-02
  • CSS应用中小技巧代码的示例分析
    小编给大家分享一下CSS应用中小技巧代码的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一.清除浮动方法1:#test{...
    99+
    2024-04-02
  • Git使用小技巧的示例分析
    这篇文章将为大家详细讲解有关Git使用小技巧的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Git是一个非常强大的版本控制系统,但是Git异于常规以文件为基础的VCS系统架构,以及基于纯命令行的功...
    99+
    2023-06-28
  • VS2005代码相关技巧的示例分析
    这篇文章主要为大家分析了VS2005代码相关技巧的示例分析的相关知识点,内容详细易懂,操作细节合理,具有一定参考价值。如果感兴趣的话,不妨跟着跟随小编一起来看看,下面跟着小编一起深入学习“VS2005代码相关技巧的示例分析”的知识吧。VS2...
    99+
    2023-06-17
  • Visual Studio使用小技巧之区块选择的示例分析
    这篇文章主要介绍Visual Studio使用小技巧之区块选择的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!区块选择(box selection)大家应该都很熟悉了,就是按住Alt键,然后拖动鼠标,跨越多行...
    99+
    2023-06-17
  • Mysql优化技巧之Limit查询的示例分析
    小编给大家分享一下Mysql优化技巧之Limit查询的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!前言在实际业务中对于分页来说是一个比较常见的业务需求。那么就会使用到limit查...
    99+
    2024-04-02
  • ES6之Proxy中get方法的示例分析
    这篇文章主要介绍了ES6之Proxy中get方法的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Proxy是在ES2015(ES6)...
    99+
    2024-04-02
  • es6和es5的示例分析
    什么是es6和es5,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。ES5是:strict模式、Array增加方法、Object方法;ES6是:...
    99+
    2024-04-02
  • ES6中类的示例分析
    小编给大家分享一下ES6中类的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!ES5近似结构在ES5中没有类的概念,最相近...
    99+
    2024-04-02
  • ES6中Iterators的示例分析
    这篇文章主要为大家展示了“ES6中Iterators的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ES6中Iterators的示例分析”这篇文章吧。简...
    99+
    2024-04-02
  • ES6新特性之字符串的示例分析
    这篇文章主要介绍了ES6新特性之字符串的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、ES5字符串函数concat: 将两个或多...
    99+
    2024-04-02
  • ES6语法之可迭代协议和迭代器协议的示例分析
    这篇文章给大家分享的是有关ES6语法之可迭代协议和迭代器协议的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。ECMAScript 2015的几个补充,并不是新的内置或语法...
    99+
    2024-04-02
  • JavaScript代码优化的技巧实例分析
    本篇内容主要讲解“JavaScript代码优化的技巧实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript代码优化的技巧实例分析”吧!写在前面想要做到JavaScript的代...
    99+
    2023-07-02
  • es6作用域的示例分析
    这篇文章主要介绍es6作用域的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   作用域?   几乎所有的编程语言的最基础模型之一就是在变量中储存值,并且取出修改这些的值...
    99+
    2024-04-02
  • ES6中class类的示例分析
    这篇文章主要介绍了ES6中class类的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。class 类通过class可以定义类,新的c...
    99+
    2024-04-02
  • bootstrap中table操作技巧的示例分析
    这篇文章主要为大家展示了“bootstrap中table操作技巧的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“bootstrap中table操作技巧的...
    99+
    2024-04-02
  • CSS高级实用技巧的示例分析
    本篇文章给大家分享的是有关CSS高级实用技巧的示例分析,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。使用 :not() 在菜单上应用/取消应用...
    99+
    2024-04-02
  • HTML5中Canvas画线技巧的示例分析
    这篇文章主要为大家展示了“HTML5中Canvas画线技巧的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5中Canvas画线技巧的示例分析”这...
    99+
    2024-04-02
  • ES6新特性之函数扩展的示例分析
    这篇文章主要介绍ES6新特性之函数扩展的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:一、函数参数默认值1. ES6允许为函数的参数设置默认值,即直接写在参数定义的...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作