// 定義一個函數(shù)chunk，接收兩個參數(shù)：arr表示要分塊的原始數(shù)組，size表示每個小塊數(shù)組的大小
function chunk(arr, size) {
    // 創(chuàng)建一個空數(shù)組，用于存儲分塊后的小塊數(shù)組
    const result = [];
    // 使用for循環(huán)遍歷原始數(shù)組，循環(huán)條件是i小于arr的長度
    for (let i = 0; i < arr.length; i += size) {
        // 從原始數(shù)組中截取指定大小的元素，組成一個新的小塊數(shù)組
        // slice方法的第一個參數(shù)是起始索引，第二個參數(shù)是結(jié)束索引（不包含該索引對應(yīng)的元素）
        const chunked = arr.slice(i, i + size);
        // 將生成的小塊數(shù)組push到result數(shù)組中
        result.push(chunked);
    }
    // 最后返回由所有小塊數(shù)組組成的result數(shù)組
    return result;
}

// 測試一下這個函數(shù)
const bigArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkedArray = chunk(bigArray, 3);
console.log(chunkedArray);

// 定義chunk函數(shù)，參數(shù)和之前一樣
function chunk(arr, size) {
    // 使用reduce方法對原始數(shù)組進行處理
    return arr.reduce((acc, val, index) => {
        // 判斷當(dāng)前索引是否是size的倍數(shù)，如果是，就開始一個新的小塊數(shù)組
        if (index % size === 0) {
            // 使用concat方法將新的小塊數(shù)組添加到acc數(shù)組中
            acc.push([val]);
        } else {
            // 如果不是size的倍數(shù)，就把當(dāng)前元素push到上一個小塊數(shù)組中
            acc[acc.length - 1].push(val);
        }
        // 返回acc數(shù)組，acc數(shù)組會不斷累積分塊后的小塊數(shù)組
        return acc;
    }, []);
}

// 同樣進行測試
const anotherBigArray = [11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
const anotherChunkedArray = chunk(anotherBigArray, 4);
console.log(anotherChunkedArray);

// 定義chunk函數(shù)
function chunk(arr, size) {
    // 使用while循環(huán)，只要原始數(shù)組還有元素，就繼續(xù)循環(huán)
    while (arr.length > 0) {
        // 使用擴展運算符和slice方法，將原始數(shù)組的前size個元素組成一個新數(shù)組，并添加到結(jié)果數(shù)組中
        // 這里的...arr.slice(0, size)表示將截取的元素展開后添加到數(shù)組中
        // 這種寫法簡潔明了，充分利用了ES6的特性
        result.push([...arr.slice(0, size)]);
        // 更新原始數(shù)組，將已經(jīng)處理過的前size個元素刪除
        arr = arr.slice(size);
    }
    // 返回分塊后的結(jié)果數(shù)組
    return result;
}

// 進行測試
const coolArray = [21, 22, 23, 24, 25, 26, 27, 28, 29, 30];
const coolChunkedArray = chunk(coolArray, 5);
console.log(coolChunkedArray);

# 使用npm安裝
npm install lodash

#使用yarn安裝
yarn add lodash

// 從lodash庫中導(dǎo)入chunk方法
const { chunk } = require('lodash');

// 定義一個大數(shù)組
const lodashArray = [31, 32, 33, 34, 35, 36, 37, 38, 39, 40];
// 使用lodash的chunk方法進行數(shù)組分塊，指定每個小塊數(shù)組的大小為2
const lodashChunkedArray = chunk(lodashArray, 2);
console.log(lodashChunkedArray);