数组分块（Chunking）技术详解：按指定宽度拆分数组为子数组

/**
 * 将数组分块为指定宽度的子数组
 * @param {Array} array 原始数组
 * @param {number} size 每个子数组的宽度
 * @returns {Array<Array>} 分块后的数组
 */
function chunkArray(array, size = 1) {
    // 确保宽度有效，至少为1
    size = Math.max(Math.floor(size), 0);
    if (!array || array.length === 0 || size < 1) {
        return [];
    }

    const result = [];
    let index = 0;
    while (index < array.length) {
        // 从当前索引开始，切片出指定宽度的子数组
        result.push(array.slice(index, index + size));
        // 移动索引到下一个块的起始位置
        index += size;
    }
    return result;
}

const inputArray = [1, 2, 3, 4, 5, 6, 7];
const width = 3;
const chunkedArray = chunkArray(inputArray, width);
console.log(chunkedArray);
// 输出: [[1, 2, 3], [4, 5, 6], [7]]

const anotherArray = ['a', 'b', 'c', 'd', 'e'];
const anotherWidth = 2;
console.log(chunkArray(anotherArray, anotherWidth));
// 输出: [['a', 'b'], ['c', 'd'], ['e']]

console.log(chunkArray([], 3)); // 输出: []
console.log(chunkArray([1, 2, 3], 0)); // 输出: []
console.log(chunkArray([1, 2, 3], 1)); // 输出: [[1], [2], [3]]

/**
 * Lodash 风格的数组分块实现
 * @param {Array} array 原始数组
 * @param {number} size 每个子数组的宽度
 * @returns {Array<Array>} 分块后的数组
 */
function lodashChunk(array, size = 1) {
    // 确保宽度为正整数，且至少为1
    size = Math.max(Math.floor(size), 0);
    const length = array == null ? 0 : array.length;

    // 处理空数组、无效宽度等边缘情况
    if (!length || size < 1) {
        return [];
    }

    let index = 0;
    let resIndex = 0;
    // 预先计算结果数组的长度，并初始化数组
    // Math.ceil(length / size) 确保即使有余数也能分配足够的空间
    const result = new Array(Math.ceil(length / size));

    while (index < length) {
        // 使用 slice 获取子数组，并直接赋值到结果数组的相应位置
        result[resIndex++] = array.slice(index, (index += size));
    }
    return result;
}