如何根据动态分组大小高效批量处理数组元素

var group_size = [1, 3, 5];
var elements = ['a','b','c','d','e','f','g','h','i','j','k','l'];

[['a'], ['b','c','d'],['e','f','g','h','i'],['j','k','l']]

/**
 * 根据动态分组大小数组，将源数组元素进行批量分组。
 *
 * @param {Array} array 源数组，包含需要分组的元素。
 * @param {Array<number>} groups 包含每个分组大小的数字数组。
 * @returns {Array<Array>} 包含所有分组子数组的数组。
 */
function splitIntoGroups (array, groups) {
    let output = [];      // 存储最终分组结果的数组
    let maxLength = 1;    // 记录遇到的最大分组长度，默认为1
    let offset = 0;       // 当前在源数组中的处理偏移量

    // 阶段一：根据预设的 groups 数组进行分组
    // 循环条件：i 小于 groups 数组长度 且 offset 小于 array 数组长度
    for (var i = 0; i < groups.length && offset < array.length; i++) {
        const currentGroupSize = groups[i];
        // 从当前偏移量开始，切片出当前分组
        output.push(array.slice(offset, offset + currentGroupSize));
        // 更新偏移量，指向下一个分组的起始位置
        offset += currentGroupSize;
        // 更新 maxLength，确保它始终是到目前为止遇到的最大分组长度
        maxLength = Math.max(maxLength, currentGroupSize);
    }

    // 阶段二：处理剩余元素
    // 如果在阶段一结束后，源数组中仍有未处理的元素
    while (offset < array.length) {
        // 使用 maxLength 作为分组大小，继续切片
        output.push(array.slice(offset, offset + maxLength));
        // 更新偏移量
        offset += maxLength;
    }

    return output;
}

let elements = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p'];
let groups = [1, 3, 5]; // 示例分组大小

console.log("--- 示例 1: 源数组短于分组总和 ---");
// 源数组 ['a','b','c']，分组 [1, 3, 5]
// 结果：[['a'], ['b','c']] (因为源数组只有3个元素，第二个分组只能取到2个)
console.log(splitIntoGroups(elements.slice(0, 3), groups));
// 预期输出: [["a"], ["b", "c"]]

console.log("\n--- 示例 2: 源数组与分组总和大致匹配 ---");
// 源数组 ['a','b','c','d','e']，分组 [1, 3, 5]
// 结果：[['a'], ['b','c','d'], ['e']] (第三个分组只能取到1个)
console.log(splitIntoGroups(elements.slice(0, 5), groups));
// 预期输出: [["a"], ["b", "c", "d"], ["e"]]

console.log("\n--- 示例 3: 源数组略长于分组总和，触发 maxLength 机制 ---");
// 源数组 ['a','b','c','d','e','f','g','h','i','j','k','l']，分组 [1, 3, 5]
// 阶段一：[['a'], ['b','c','d'], ['e','f','g','h','i']]
// 剩余元素 ['j','k','l']，maxLength 为 5。
// 阶段二：使用 maxLength=5 分组 ['j','k','l']，但只剩3个，所以取3个
console.log(splitIntoGroups(elements.slice(0, 12), groups));
// 预期输出: [["a"], ["b", "c", "d"], ["e", "f", "g", "h", "i"], ["j", "k", "l"]]

console.log("\n--- 示例 4: 源数组远长于分组总和，多次触发 maxLength 机制 ---");
// 源数组 ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p']，分组 [1, 3, 5]
// 阶段一：[['a'], ['b','c','d'], ['e','f','g','h','i']]
// 剩余元素 ['j','k','l','m','n','o','p']，maxLength 为 5。
// 阶段二：
// 第一次：['j','k','l','m','n'] (5个)
// 第二次：['o','p'] (2个，不足5个则取剩余所有)
console.log(splitIntoGroups(elements, groups));
// 预期输出: [["a"], ["b", "c", "d"], ["e", "f", "g", "h", "i"], ["j", "k", "l", "m", "n"], ["o", "p"]]

console.log("\n--- 示例 5: groups 数组包含较大值，且可能超出源数组长度 ---");
// 即使 groups 数组包含非常大的值（如 1000），函数也能正确处理，因为会截断到源数组的实际长度。
let largeGroups = [1, 3, 5, 5, 5, 1000];
console.log(splitIntoGroups(elements, largeGroups));
// 预期输出: [["a"], ["b", "c", "d"], ["e", "f", "g", "h", "i"], ["j", "k", "l", "m", "n"], ["o", "p"]]