使用ES6来代替lodash

lodash是一个很强大的第三方库,但是缺点也是很明显的,就是太tm的大了,就算能够部分引用,但是如果js本身就能提供这些方法不是更快更小吗?那么一起来看看那些方法现在可以用ES6来代替了吧。

Map

map这个应该是用的最多的方法了吧,因为我们几乎在任何应用中都要做遍历处理,lodash和ES6的使用方式差不多

Lodash 的map使用

_.map([1,2,3,4,5], it => it * 2);
复制代码

ES6的map使用

[1,2,3,4,5].map(it => it * 2);
复制代码

你看使用起来是不是一样啊,非常方便吧,对了这里忘记了Lodashmap是可以处理Object类型的,那么ES6map一样可以吗?答案是否定的,ES6map只能处理数组类型,那是不是说明ES6就不行了呢?嘿!我们还是有有办法的哦

ES6的map处理Object类型

const obj = {a:1, b:2, c:3};
Object.values(obj).map(it => it*2);
复制代码

你瞧,通过结合ES6的新特性,我们一样实现了对对象的遍历,功能上完全不输于Lodash

Flat

Lodash中这个方法是对有多层嵌套的数组做平展处理,看下面一个栗子你就会知道了

Lodash的flatten

_.flatten([1,2,[3,4,[5,6]]])
// output [1,2,3,4,5,6]
复制代码

使用ES6的话一样简单

ES6 的 flat

[1,2,[3,4,[5,6]]].flat();
// outpu [1,2,3,4,5,6]
复制代码

而且ES6的flat()方法是指定深度的,再来看个栗子

ES6 的 flat

[1,2,[3,4,[5,6]]].flat(1);
// output [1,2,3,4,[5,6]]
复制代码

当然Lodash也能实现,但是方法的名称是flattenDepth,这就是为什么会说Lodash的的体积大了,明明一个函数就能搞定的,他非要在另外弄一个出来,也不知道是算法不同还是怎么样的,至少这样会增加我们的代码体积好不好。

... To Be Continued

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值