第16课 underscore库
一、介绍
Underscore 是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。他弥补了 jQuery 没有实现的功能,同时又是 Backbone 必不可少的部分。
二、集合方法介绍
集合函数能在数组,对象,和类数组对象,比如arguments, NodeList和类似的数据类型上正常工作。 但是它通过duck-typing工作,所以要避免传递一个不固定length属性的对象(注:对象或数组的长度(length)属性要固定的)。
1、each
结构
_.each(list, iteratee, [context])
说明
遍历list中的所有元素,按顺序用遍历输出每个元素。如果传递了context参数,则把iteratee绑定到context对象上。每次调用iteratee都会传递三个参数:(element, index, list)。如果list是个JavaScript对象,iteratee的参数是 (value, key, list))。返回list以方便链式调用。
举例
_.each([1, 2, 3], alert);
=> alerts each number in turn...
_.each({one: 1, two: 2, three: 3}, alert);
=> alerts each number value in turn...
2、map
结构
_.map(list, iteratee, [context])
说明
通过变换函数(iteratee迭代器)把list中的每个值映射到一个新的数组中(注:产生一个新的数组)。如果存在原生的map方法,就用原生map方法来代替。如果list是个JavaScript对象,iteratee的参数是(value, key, list)。
举例
_.map([1, 2, 3], function(num){ return num * 3; });
=> [3, 6, 9]
_.map({one: 1, two: 2, three: 3}, function(num, key){ return num * 3; });
=> [3, 6, 9]
3、reduce
结构
_.reduce(list, iteratee, [memo], [context])
说明
reduce方法把list中元素归结为一个单独的数值。Memo是reduce函数的初始值,reduce的每一步都需要由iteratee返回。这个迭代传递4个参数:memo, value 和 迭代的index(或者 key)和最后一个引用的整个 list。
如果没有memo传递给reduce的初始调用,iteratee不会被列表中的第一个元素调用。第一个元素将取代 传递给列表中下一个元素调用iteratee的memo参数
举例
var sum = _.reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0);
=> 6
4、find
结构
_.find(list, predicate, [context])
说明
在list中逐项查找,返回第一个通过predicate迭代函数真值检测的元素值,如果没有值传递给测试迭代器将返回undefined。 如果找到匹配的元素,函数将立即返回,不会遍历整个list。
举例
var even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });
=> 2
5、filter
结构
_.filter(list, predicate, [context])
说明
遍历list中的每个值,返回包含所有通过predicate真值检测的元素值。
举例
var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });
=> [2, 4, 6]
6、reject
结构
_.reject(list, predicate, [context])
说明
返回list中没有通过predicate真值检测的元素集合,与filter相反。
举例
var odds = _.reject([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });
=> [1, 3, 5]
7、invoke
结构
_.invoke(list, methodName, *arguments)
说明
在list的每个元素上执行methodName方法。 任何传递给invoke的额外参数,invoke都会在调用methodName方法的时候传递给它。
举例
_.invoke([[5, 1, 7], [3, 2, 1]], 'sort');
=> [[1, 5, 7], [1, 2, 3]]
8、max
结构
_.max(list, [iteratee], [context])
说明
返回list中的最大值。如果传递iteratee参数,iteratee将作为list中每个值的排序依据。如果list为空,将返回-Infinity
举例
var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}];
_.max(stooges, function(stooge){ return stooge.age; });
=> {name: 'curly', age: 60};
9、min
结构
_.min(list, [iteratee], [context])
说明
返回list中的最小值。如果传递iteratee参数,iteratee将作为list中每个值的排序依据。如果list为空,将返回-Infinity
举例
var numbers = [10, 5, 100, 2, 1000];
_.min(numbers);
=> 2
10、sortBy
结构
_.sortBy(list, iteratee, [context])
说明
返回一个排序后的list拷贝副本。如果传递iteratee参数,iteratee将作为list中每个值的排序依据。迭代器也可以是字符串的属性的名称进行排序的(比如 length)。
举例
_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); });
=> [5, 4, 6, 3, 1, 2]
三、数组方法介绍
1、first
结构
_.first(array, [n])
说明
返回array(数组)的第一个元素。传递 n参数将返回数组中从第一个元素开始的n个元素(注:返回数组中前 n 个元素.)。
举例
_.first([5, 4, 3, 2, 1]);
=> 5
2、initial
结构
_.initial(array, [n])
说明
返回数组中除了最后一个元素外的其他全部元素。 在arguments对象上特别有用。传递 n参数将从结果中排除从最后一个开始的n个元素(注:排除数组后面的 n 个元素)。
举例
_.initial([5, 4, 3, 2, 1]);
=> [5, 4, 3, 2]
3、last
结构
_.last(array, [n])
说明
返回array(数组)的最后一个元素。传递 n参数将返回数组中从最后一个元素开始的n个元素(注:返回数组里的后面的n个元素)。
举例
_.last([5, 4, 3, 2, 1]);
=> 1
4、rest
结构
_.rest(array, [index])
说明
返回数组中除了第一个元素外的其他全部元素。传递 index 参数将返回从index开始的剩余所有元素 。
举例
_.rest([5, 4, 3, 2, 1]);
=> [4, 3, 2, 1]
5、compact
结构
_.compact(array)
说明
返回一个除去所有false值的 array副本。 在javascript中, false, null, 0, "", undefined 和 NaN 都是false值
举例
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
6、without
结构
_.without(array, *values)
说明
返回一个删除所有values值后的 array副本。(注:使用===表达式做相等测试。)
举例
_.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
=> [2, 3, 4]
7、union
结构
_.union(*arrays)
说明
返回传入的 arrays(数组)并集:按顺序返回,返回数组的元素是唯一的,可以传入一个或多个 arrays(数组)。
举例
_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2, 3, 101, 10]
8、difference
结构
_.difference(array, *others)
说明
类似于without,但返回的值来自array参数数组,并且不存在于other 数组.
举例
_.difference([1, 2, 3, 4, 5], [5, 2, 10]);
=> [1, 3, 4]
9、zip
结构
_.zip(*arrays)
说明
将 每个arrays中相应位置的值合并在一起。在合并分开保存的数据时很有用. 如果你用来处理矩阵嵌套数组时, _.zip.apply 可以做类似的效果。
举例
_.zip(['moe', 'larry', 'curly'], [30, 40, 50], [true, false, false]);
=> [["moe", 30, true], ["larry", 40, false], ["curly", 50, false]]
_.zip.apply(_, arrayOfRowsOfData);
=> arrayOfColumnsOfData
10、range
结构
_.range([start], stop, [step])
说明
一个用来创建整数灵活编号的列表的函数,便于each 和 map循环。如果省略start则默认为 0;step 默认为 1.返回一个从start 到stop的整数的列表,用step来增加 (或减少)独占。值得注意的是,如果stop值在start前面(也就是stop值小于start值),那么值域会被认为是零长度,而不是负增长。-如果你要一个负数的值域 ,请使用负数step.
举例
_.range(10);
=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
_.range(1, 11);
=> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
_.range(0, 30, 5);
=> [0, 5, 10, 15, 20, 25]
_.range(0, -10, -1);
=> [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
_.range(0);
=> []