手書きの番号グループチャンク

（1）チャンクの実現結果

（1）サイズが1以上で、アレイの長さ未満の場合

var arr = [1, 2, 3, 4, 5, 6, 7]
var res = arr.chunk(7)
console.log(res)

 

var arr = [1, 2, 3, 4, 5, 6, 7]
var res = arr.chunk(3)
console.log(res)

 

（2）値が渡されない場合のデフォルト1

var arr = [1, 2, 3, 4, 5, 6, 7]
var res = arr.chunk()
console.log(res)

 （3）渡された値は負の数であり、デフォルトは1です。

var arr = [1, 2, 3, 4, 5, 6, 7]
var res = arr.chunk(-1)
console.log(res)

 

（2）手書きのチャンク

Array.prototype.chunk = function (size) {
      // 如果是空数组 直接返回就行了
      if (this.length === 0) {
        return this
      }
      // size 判断左右区间
      var size = size > 1 ? (size > this.length ? this.length: size) : 1
      // 结果
      let result = []
      // 小区块
      let smallChunk = []
      // this 指调用chunk方法的数组
      this.forEach((item) => {
        smallChunk.push(item)
        if (smallChunk.length === size) { // 每一个小碎片长度够了
          result.push(smallChunk)
          smallChunk = [] // 重置
        }
      })
      if (smallChunk.length > 0) {
        result.push(smallChunk) // 最后一次 长度不够size剩余的也加进去
      }
      return result
    }