_.chunk(array, [size=1])

1

_.chunk(array, [size=1])

根据size参数将数组分组，size是每一组的长度。如果数组不能均分，最后一组就会包含剩下的元素。

参数

array (Array): 操作的数组

[size=1] (number): 每个分组的元素个数

返回值

(Array): 返回分组完成的新数组

例子

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

源代码：

下面是chunk方法：

import slice from './slice.js'

/**
 * Creates an array of elements split into groups the length of `size`.
 * If `array` can't be split evenly, the final chunk will be the remaining
 * elements.
 *
 * @since 3.0.0
 * @category Array
 * @param {Array} array The array to process.
 * @param {number} [size=1] The length of each chunk
 * @returns {Array} Returns the new array of chunks.
 * @example
 *
 * chunk(['a', 'b', 'c', 'd'], 2)
 * // => [['a', 'b'], ['c', 'd']]
 *
 * chunk(['a', 'b', 'c', 'd'], 3)
 * // => [['a', 'b', 'c'], ['d']]
 */
function chunk(array, size) {//array需要操作的数组，size分块后每一块元素个数
  size = Math.max(size, 0)//size不能小于0
  const length = array == null ? 0 : array.length//数组长度
  if (!length || size < 1) {//如果数组长度为0或者分块元素个数为0，就返回空数组
    return []
  }
  let index = 0//循环数组索引
  let resIndex = 0//结果数组索引
  const result = new Array(Math.ceil(length / size))//数组长度 / 分块大小 向上取整得到结果数组的长度，然后创建这个长度的数组作为结果数组初始化

  while (index < length) {//循环array数组
    result[resIndex++] = slice(array, index, (index += size))//循环并且给result结果数组的第resIndex项赋值
  }
  return result
}

export default chunk

下面是chunk方法中用到的slice方法：

/**
 * Creates a slice of `array` from `start` up to, but not including, `end`.
 *
 * **Note:** This method is used instead of
 * [`Array#slice`](https://mdn.io/Array/slice) to ensure dense arrays are
 * returned.
 *
 * @since 3.0.0
 * @category Array
 * @param {Array} array The array to slice.
 * @param {number} [start=0] The start position. A negative index will be treated as an offset from the end.
 * @param {number} [end=array.length] The end position. A negative index will be treated as an offset from the end.
 * @returns {Array} Returns the slice of `array`.
 * @example
 *
 * var array = [1, 2, 3, 4]
 *
 * _.slice(array, 2)
 * // => [3, 4]
 */
//创建一个数组array的切片，从起始索引到结束索引，不包括结束索引
function slice(array, start, end) {//array要操作的数组，start起始索引，end结束索引
  let length = array == null ? 0 : array.length//数组长度
  if (!length) {//如果数组长度为0，就返回空数组
    return []
  }
  start = start == null ? 0 : start//start起始索引，默认值是0
  end = end === undefined ? length : end//end结束索引，默认是数组长度

  if (start < 0) {//起始索引是负数处理，是负数就相当于从末尾往开头数，也就是和lengh相加
    start = -start > length ? 0 : (length + start)//和length相加后如果还是小于0就等于0
  }
  end = end > length ? length : end//结束索引如果大于length就让它等于length
  if (end < 0) {//处理结束索引是负数
    end += length
  }
  length = start > end ? 0 : ((end - start) >>> 0)//根据start和end计算这个切片的长度，如果起始在结束后面那么切片长度为0，否则相减并且取整
  start >>>= 0//start取整

  let index = -1//循环索引
  const result = new Array(length)//创建切片长度的数组作为结果数组
  while (++index < length) {//循环切片长度的次数，给结果数组每一项赋值
    result[index] = array[index + start]
  }
  return result
}

export default slice