如何根据动态分组大小数组批量分组数组元素

/**
 * 根据动态分组大小数组将元素数组进行分组。
 *
 * @param {Array} array 待分组的元素数组。
 * @param {Array} groupSizes 定义分组大小的数组。
 * @returns {Array<Array>} 包含所有分组的二维数组。
 */
function splitIntoGroups(array, groupSizes) {
    var output = [];          // 存储最终分组结果的数组
    var maxLength = 1;        // 记录 groupSizes 中出现过的最大分组长度，初始值设为1以处理最小分组
    var offset = 0;           // 记录当前处理到 array 的哪个位置

    // 第一阶段：根据 groupSizes 数组进行分组
    // 循环条件：i < groupSizes.length 确保不超出 groupSizes 边界
    //         offset < array.length 确保 array 还有元素可供分组
    for (var i = 0; i < groupSizes.length && offset < array.length; i++) {
        var currentGroupSize = groupSizes[i];

        // 从当前 offset 位置开始，切片 currentGroupSize 长度的元素
        output.push(array.slice(offset, offset + currentGroupSize));

        // 更新 offset，为下一个分组做准备
        offset += currentGroupSize;

        // 更新 maxLength，记录出现过的最大分组长度
        maxLength = Math.max(maxLength, currentGroupSize);
    }

    // 第二阶段：如果 array 仍有剩余元素，则按照 maxLength 进行分组
    // 循环条件：offset < array.length 确保 array 还有元素可供分组
    while (offset < array.length) {
        // 从当前 offset 位置开始，切片 maxLength 长度的元素
        output.push(array.slice(offset, offset + maxLength));

        // 更新 offset
        offset += maxLength;
    }

    return output;
}

// 示例数据
var elements = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p'];
var groupsShort = [1, 3, 5];
var groupsLong = [1, 3, 5, 5, 5, 1000]; // 包含超大分组，但实际只取 array.length

console.log("--- 示例 1: 基础分组 (groupSizes 用尽，有剩余) ---");
// Input = ['a','b','c','d','e','f','g','h','i','j','k','l']
// Output = [['a'], ['b','c','d'],['e','f','g','h','i'],['j','k','l']]
console.log(splitIntoGroups(elements.slice(0, 12), groupsShort));
// 预期输出: [ [ 'a' ], [ 'b', 'c', 'd' ], [ 'e', 'f', 'g', 'h', 'i' ], [ 'j', 'k', 'l' ] ]

console.log("\n--- 示例 2: 元素数组小于 groupSizes 总和 ---");
// Input = ['a','b','c']
// Output = [['a'], ['b','c']]
console.log(splitIntoGroups(elements.slice(0, 3), groupsShort));
// 预期输出: [ [ 'a' ], [ 'b', 'c' ] ]

console.log("\n--- 示例 3: 元素数组刚好覆盖 groupSizes 部分 ---");
// Input = ['a','b','c','d','e']
// Output = [['a'], ['b','c','d'], ['e']]
console.log(splitIntoGroups(elements.slice(0, 5), groupsShort));
// 预期输出: [ [ 'a' ], [ 'b', 'c', 'd' ], [ 'e' ] ]

console.log("\n--- 示例 4: 元素数组远大于 groupSizes 总和 ---");
// Input = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p']
// Output = [['a'], ['b','c','d'],['e','f','g','h','i'],['j','k','l','m','n'], ['o','p']]
console.log(splitIntoGroups(elements, groupsShort));
// 预期输出: [ [ 'a' ], [ 'b', 'c', 'd' ], [ 'e', 'f', 'g', 'h', 'i' ], [ 'j', 'k', 'l', 'm', 'n' ], [ 'o', 'p' ] ]

console.log("\n--- 示例 5: groupSizes 中包含超大值，但不会超出 array 长度 ---");
// 此时 groupSizes 中的 1000 实际上会被 array 的剩余长度截断
console.log(splitIntoGroups(elements, groupsLong));
// 预期输出: [ [ 'a' ], [ 'b', 'c', 'd' ], [ 'e', 'f', 'g', 'h', 'i' ], [ 'j', 'k', 'l', 'm', 'n', 'o', 'p' ] ]