简介

lodas包作为npm应用量最多的一个package，本人很好奇它有什么魅力，自己抽空用自己的逻辑写它的方法，并与它对比一下，收货蛮多的。

今天讲的是chunk函数。

将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。

我的实现是

function chunk(array,size=1){

    if(!array||!Array.isArray(array)||array.length<=0){

        return [];

    }else{

        var result=[];

        var i=0;

        while(true){

            result.push(array.slice(i,size+i));

            i+=size;

            if(i>=array.length){

                break;

            }

        }

        return result;

    }

}

lodash的实现是：

function chunk(array, size, guard) {

  if ((guard ? isIterateeCall(array, size, guard) : size === undefined)) {

    size = 1;

  } else {

    size = nativeMax(toInteger(size), 0);

  }

  var length = array == null ? 0 : array.length;

  if (!length || size < 1) {

    return [];

  }

  var index = 0,

      resIndex = 0,

      result = Array(nativeCeil(length / size));

  while (index < length) {

    result[resIndex++] = baseSlice(array, index, (index += size));

  }

  return result;

}

分析

大体思路差不多，只不过我用了es6语法的默认参数，size默认为1。

而lodash多传一个guard参数，中文翻译为守卫的意思，具体是什么含义呢？

如果不传guard，那就做 size===undefined 这个判断，如果size没传，size=1，如果传了size，那就把size转成整型，与0比较取最大值。

如果传了guard呢，那就会调用isIterateeCall(array, size, guard),这个方法是干嘛的？

function isIterateeCall(value, index, object) {

  //object不是对象就返回false

  if (!isObject(object)) {

    return false;

  }

  var type = typeof index;



  if (type == 'number'

        ? (isArrayLike(object) && isIndex(index, object.length))

        : (type == 'string' && index in object)

      ) {

    //index如果是数字的话，object是类数组对象并且index小于object的长度， 就返回eq(object[index], value)。如果index是字符串的话，index是object的属性，也返回eq(object[index], value)。

    return eq(object[index], value);

  }

  //其他情况一律返回false

  return false;

}

这个函数官方注释是Checks if the given arguments are from an iteratee call.,也就说检查给的参数是否是来自一个迭代调用。

这就有意思了，验证下array是否是guard的一个成员变量。只有当guard[size]===array才把size=1，否则那就把size转成整型，与0比较取最大值。

后面的逻辑呢，都是首先验证下array，是否是空呀，长度是否为0呀，不合法的一律返回[]；接着就是循环的调用slice函数，我用的是原生的方法，而lodash是自己写的slice方法：

function baseSlice(array, start, end) {

  var index = -1,

      length = array.length;

  if (start < 0) {

    start = -start > length ? 0 : (length + start);

  }

  end = end > length ? length : end;

  if (end < 0) {

    end += length;

  }

  length = start > end ? 0 : ((end - start) >>> 0);

  start >>>= 0;

  var result = Array(length);

  while (++index < length) {

    result[index] = array[index + start];

  }

  return result;

}

可以看出，lodash的哲学是一切都自己实现。