JavaScript数组分批处理：根据动态组大小高效分组并处理剩余元素

/**
 * 根据指定的组大小数组对源数组进行分批处理。
 * 如果源数组元素超出所有预设组大小的总和，剩余部分将按照遇到的最大组大小进行分组。
 *
 * @param {Array} array 源数组，包含需要分组的元素。
 * @param {Array<number>} groups 包含各个组大小的数字数组。
 * @returns {Array<Array>} 包含所有分组的二维数组。
 */
function splitIntoGroups (array, groups) {
    let output = [];
    let maxLength = 1; // 初始最大组长度设为1，以防groups数组为空或元素过小
    let offset = 0;    // 当前在源数组中的偏移量

    // 阶段一：根据groups数组进行分组
    for (let i = 0; i < groups.length && offset < array.length; i++) {
        const currentGroupSize = groups[i];
        // 切片当前组的元素
        output.push(array.slice(offset, offset + currentGroupSize));
        // 更新偏移量
        offset += currentGroupSize;
        // 更新最大组长度
        maxLength = Math.max(maxLength, currentGroupSize);
    }

    // 阶段二：处理剩余元素（如果存在）
    while (offset < array.length) {
        // 使用之前记录的最大组长度进行切片
        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("--- 场景一：源数组元素少于所有组大小总和 ---");
// 仅处理前3个元素
console.log("Input: ['a','b','c'], Groups: [1, 3, 5]");
console.log("Output:", splitIntoGroups(elements.slice(0, 3), groups));
// 预期输出: [['a'], ['b','c']]
// 说明: 1+3=4，但源数组只有3个元素，第二个组只取了2个。

// 仅处理前5个元素
console.log("\nInput: ['a','b','c','d','e'], Groups: [1, 3, 5]");
console.log("Output:", splitIntoGroups(elements.slice(0, 5), groups));
// 预期输出: [['a'], ['b','c','d'], ['e']]
// 说明: 1+3=4，第二个组取了3个，剩余1个元素，按照第三个组大小5来取，但只剩1个，所以只取1个。

console.log("\n--- 场景二：源数组元素恰好或略多于预设组大小总和 ---");
// 处理前12个元素，groups数组为[1, 3, 5]
console.log("Input: ['a',...'l'], Groups: [1, 3, 5]");
console.log("Output:", splitIntoGroups(elements.slice(0, 12), groups));
// 预期输出: [['a'], ['b','c','d'], ['e','f','g','h','i'], ['j','k','l']]
// 说明: 1+3+5=9，前9个元素按groups分组。剩余3个元素 (j,k,l)，此时maxLength是5，所以按5分组，但只剩3个，就取3个。

console.log("\n--- 场景三：源数组元素远多于预设组大小总和 ---");
// 处理所有16个元素，groups数组为[1, 3, 5]
console.log("Input: ['a',...'p'], Groups: [1, 3, 5]");
console.log("Output:", splitIntoGroups(elements, groups));
// 预期输出: [['a'], ['b','c','d'], ['e','f','g','h','i'], ['j','k','l','m','n'], ['o','p']]
// 说明: 前9个元素按groups分组。剩余7个元素 (j...p)，此时maxLength是5，所以先取5个 (j...n)，再剩余2个 (o,p)，继续按5分组，但只剩2个，就取2个。

console.log("\n--- 场景四：groups数组包含较大的组大小 ---");
let largeGroups = [1, 3, 5, 5, 5, 1000]; // 包含一个非常大的组
console.log("Input: ['a',...'p'], Groups: [1, 3, 5, 5, 5, 1000]");
console.log("Output:", splitIntoGroups(elements, largeGroups));
// 预期输出: [['a'], ['b','c','d'], ['e','f','g','h','i'], ['j','k','l','m','n'], ['o','p']]
// 说明: 即使groups数组有非常大的值，只要源数组元素不足，也会截断。maxLength会更新到5，处理剩余元素时仍按5分组。