underscore为Array
提供了许多工具类方法,可以更方便快捷地操作Array
。
一、first / last
顾名思义,这两个函数分别取第一个和最后一个元素:
var arr = [2, 4, 6, 8];
_.first(arr); // 2
_.last(arr); // 8
二、flatten
flatten()
接收一个Array
,无论这个Array
里面嵌套了多少个Array
,flatten()
最后都把它们变成一个一维数组:
_.flatten([1, [2], [3, [[4], [5]]]]); // [1, 2, 3, 4, 5]
三、zip / unzip
zip()
把两个或多个数组的所有元素按索引对齐,然后按索引合并成新数组。
例如,你有一个Array
保存了名字,另一个Array
保存了分数,现在,要把名字和分数给对上,用zip()
轻松实现:
var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.zip(names, scores);
// [['Adam', 85], ['Lisa', 92], ['Bart', 59]]
unzip()
则是反过来:
var namesAndScores = [['Adam', 85], ['Lisa', 92], ['Bart', 59]];
_.unzip(namesAndScores);
// [['Adam', 'Lisa', 'Bart'], [85, 92, 59]]
四、object
有时候你会想,与其用zip()
,为啥不把名字和分数直接对应成Object呢?别急,object()
函数就是干这个的:
var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.object(names, scores);
// {Adam: 85, Lisa: 92, Bart: 59}
注意_.object()
是一个函数,不是JavaScript的Object
对象。
五、range
range()
让你快速生成一个序列,不再需要用for
循环实现了:
// 从0开始小于10:
_.range(10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]// 从1开始小于11:
_.range(1, 11); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]// 从0开始小于30,步长5:
_.range(0, 30, 5); // [0, 5, 10, 15, 20, 25]// 从0开始大于-10,步长-1:
_.range(0, -10, -1); // [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
六、without / difference
without 语法:
_.without(array, *values)
返回一个删除所有 values 值后的 array 副本。
_.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
//=> [2, 3, 4]
difference语法:
_.difference(array, *others)
类似于 without,但返回的值来自 array 参数数组,并且不存在于 other 数组。
_.difference([1, 2, 3, 4, 5], [5, 2, 10]);
//=> [1, 3, 4]
七、union / intersection
union 语法:
_.union(*arrays)
返回传入的 arrays(数组)并集:按顺序返回,返回数组的元素是唯一的,可以传入一个或多个 arrays (数组)。
_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
//=> [1, 2, 3, 101, 10]
intersection 语法:
_.intersection(*arrays)
返回传入 arrays(数组)交集。结果中的每个值是存在于传入的每个 arrays(数组)里。
_.intersection([1, 2, 3], [101, 2, 1, 10], [2, 1]);
//=> [1, 2]
八、uniq
语法:
_.uniq(array, [isSorted], [iteratee])
返回 array 去重后的副本。
如果您确定 array 已经排序, 那么给 isSorted 参数传递 true 值, 此函数将运行的更快的算法。 如果要处理对象元素, 传递 iteratee 函数来获取要对比的属性。
_.uniq([1, 2, 1, 4, 1, 3]);
//=> [1, 2, 4, 3]
更多完整的函数请参考underscore的文档:Underscore.js 简介 | Underscore.js中文文档 | Underscore.js中文网