Lodash源码精读-chunk、slice

逃离我推掉我的手 2022-11-07 01:44 110阅读 0赞

> today 2021.3.12  
> lodash 源码 https://github.com/lodash/lodash

## chunk ##

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

function chunk(array, size = 1) { 
    
      size = Math.max(toInteger(size), 0)//max函数返回一组数中的最大值
      
      const length = array == null ? 0 : array.length//array不存在 length赋值为0
      
      if (!length || size < 1) { 
      //length<0 或者 size 不存在(即max取值为0)
        return []
      }
      let index = 0
      let resIndex = 0
      const result = new Array(Math.ceil(length / size))//ceil函数返回大于或等于一个给定数字的最小整数
    
      while (index < length) { 
        result[resIndex++] = slice(array, index, (index += size))//三个参数的含义分别为array start end
      }
      return result
    }

输入输出例子：

_.chunk(['a', 'b', 'c', 'd'], 2);
    // => [['a', 'b'], ['c', 'd']]
     
    _.chunk(['a', 'b', 'c', 'd'], 3);
    // => [['a', 'b', 'c'], ['d']]

以上虽然是

## slice ##

裁剪数组array，从 start 位置开始到end结束，但不包括 end 本身的位置。

function slice(array, start, end) { 
    //对三个参数的预处理判断
      let length = array == null ? 0 : array.length
      if (!length) { 
        return []
      }
      start = start == null ? 0 : start
      end = end === undefined ? length : end
    //判断start<0 假设为-4 传入[1,2,3]
    //4>length 则start 取0 假设传入值为-3 则取3+(-3)=0 假设传入值为-2 则取3+(-2)=1
      if (start < 0) { 
        start = -start > length ? 0 : (length + start)
      }
      //结束标识大于length取length 小于length 取当前值
      end = end > length ? length : end
      if (end < 0) { 
        end += length
      }
      //0填充右位移操作 >>> 
      //01010>>>1 00101
      length = start > end ? 0 : ((end - start) >>> 0)
      start >>>= 0
    
      let index = -1
      const result = new Array(length)
      while (++index < length) { 
        result[index] = array[index + start]
      }
      return result
    }

输入输出例子：

* var array = [1, 2, 3, 4]
     *
     * _.slice(array, 2)
     * // => [3, 4]