16-underscore库（上）
第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);
=> []
参考网站
http://underscorejs.org/
http://www.bootcss.com/p/underscore
