5-8Underscore02

_.each

_.each(list, iteratee, [context]) 别名: forEach 
遍历list中的所有元素,按顺序用遍历输出每个元素。
如果传递了context参数,则把iteratee绑定到context对象上。
每次调用iteratee都会传递三个参数:(element, index, list)。
如果list是个JavaScript对象,iteratee的参数是 (value, key, list))。返回list以方便链式调用。
(注:如果存在原生的forEach方法,Underscore就使用它代替。)

测试代码

_ = require('underscore'); 
var a = [1, 2, 3];
function test(element, index, list) {
    if(list[index] == 2) {
            console.log(element);
            console.log(index);
            console.log(list);
        };
};
_.each(a,test(element, index, list));

/* 输出
2
1
[ 1, 2, 3 ]
第一行是数组中当前迭代到的值,第二行是该值的代码,第三行是这个数组
*/

源码

_.each = _.forEach = function(obj, iteratee, context) {

    // 改变执行函数作用域
    iteratee = optimizeCb(iteratee, context);
    var i, length;

    // 数组
    if (isArrayLike(obj)) {
      for (i = 0, length = obj.length; i < length; i++) {
        iteratee(obj[i], i, obj);
      }
    } else {
    // 对象
      var keys = _.keys(obj);
      for (i = 0, length = keys.length; i < length; i++) {
        iteratee(obj[keys[i]], keys[i], obj);
      }
    }
    return obj;
};

// 主要用来执行函数并改变所执行函数的作用域,argCount参数来指定参数个数,分类处理
  var optimizeCb = function(func, context, argCount) {
    // void 0 表示underfined

    if (context === void 0) return func;
    switch (argCount) {
      // 接受单值的情况
      case 1: return function(value) {
        return func.call(context, value);
      };
      // The 2-parameter case has been omitted only because no current consumers
      // made use of it.
      case null:
      // 用于迭代器函数,比如foreach map pick
      case 3: return function(value, index, collection) {
        return func.call(context, value, index, collection);
      };
      // 用于reduce reduceRight
      case 4: return function(accumulator, value, index, collection) {
        return func.call(context, accumulator, value, index, collection);
      };
    }
    return function() {
      return func.apply(context, arguments);
    };
  };

_.iteratee

_.iteratee(value, [context]) 
一个重要的内部函数用来生成可应用到集合中每个元素的回调, 返回想要的结果 - 无论是等式,任意回调,属性匹配,或属性访问。 

测试代码

var stooges = [{name: 'curly', age: 25}, {name: 'moe', age: 21}, {name: 'larry', age: 23}];
_.map(stooges, _.iteratee('age'));
=> [25, 21, 23];

源码

_.iteratee = builtinIteratee = function(value, context) {
    return cb(value, context, Infinity);
};

var cb = function(value, context, argCount) {
    if (_.iteratee !== builtinIteratee) return _.iteratee(value, context);
    if (value == null) return _.identity;
    if (_.isFunction(value)) return optimizeCb(value, context, argCount);
    if (_.isObject(value) && !_.isArray(value)) return _.matcher(value);
    return _.property(value);
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值