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 == nullreturn 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()相似,从右像左运算

posted @ 2015-06-08 11:31  杨博客  阅读(215)  评论(0编辑  收藏  举报