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);
复制代码
你看使用起来是不是一样啊,非常方便吧,对了这里忘记了Lodash
的map
是可以处理Object
类型的,那么ES6
的map
一样可以吗?答案是否定的,ES6
的map
只能处理数组类型,那是不是说明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