Underscore.js each map raduce reduceRight
_.each()
_.each(list, iterator, [context]);
按顺序遍历输出每个元素。如果传递了context参数,则把iterator绑定到context对象上(这句话还未理解,希望大牛们留言,解答)。每次调用itrerator都会传递三个参数:(ele, index, list);
list为数组的时候 参数(ele, index, list);
list 为对象的时候 参数(val, key, obj);
源码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
var ArrayProto = Array.prototype; var nativeForEach = ArrayProto.forEach; var each = _.each = _.forEach = function (obj, iterator, context) { if (obj == null ) return obj; //判断浏览器是否支持ECMAScript5 forEach 方法。 if (nativeForEach && obj.forEach === nativeForEach) { obj.forEach(iterator, context); //判断是否为数组,如果是数组则for循环遍历 } else if (obj.length === +obj.length) { for ( var i = 0, length = obj.length; i < length; i++) { if (iterator.call(context, obj[i], i, obj) === breaker) return ; } //是对象的话 } else { //_.key() 把对象的所有属性(key) 放入一个数组中 var keys = _.keys(obj); for ( var i = 0, length = keys.length; i < length; i++) { if (iterator.call(context, obj[keys[i]], keys[i], obj) === breaker) return ; } } return obj; }; |
_.map()
_.map(list, iterator, [context]);
通过iterator把list的每个值 映射到一个新的数组中。如果list是对象,iterator参数是(value, key, list);
list为数组
list为对象
_.reduce()
_.reduce(list, iterator, memo, [context]);
memo是reduce函数的初始值,reduce的每一步都需要由iterator返回。每个迭代传递4个参数
此方法比较适合 数组从前到后运算
有些复杂,不如上图:
list为对象时:
list为数组时:
_.reduceRight()
与_.reduce()相似,从右像左运算