将数组拆分为不同大小的块(4、3、3、3、4、3、3、3 等)

Foo*_*Bar 3 javascript arrays reduce multidimensional-array ecmascript-6

我有一个数组,像这样:[1, 2, 3, 4, 5, 6, 7, 9, 10]。我需要将它分成不同大小的块,但使用简单的模式:4、3、3、3、4、3、3、3,如下所示:

[
    [ // four
        1,
        2,
        3,
        4
    ],
    [ // three (1/3)
        5,
        6,
        7
    ],
    [ // three (2/3)
        8,
        9,
        10
    ],
    [ // three (3/3)
        11,
        12,
        13
    ],
    [ // four
        14,
        15,
        16,
        17
    ],
    [ // three (1/3)
        18,
        19,
        20
    ], // and so on..
]
Run Code Online (Sandbox Code Playgroud)

我已经尝试过使用我自定义的代码:

const arr; // my array of values
const chuncked = arr.reduce((acc, product, i) => {
    if (i % 3) {
        return acc;
    } else if (!didFourWayReduce) {
        didFourWayReduce = true;
        fourWayReduces++;

        if ((fourWayReduces - 1) % 2) { // only make every second a "4 row"
            return [...acc, arr.slice(i, i + 3)];
        } else {
            return [...acc, arr.slice(i, i + 4)];
        }
    } else {
        didFourWayReduce = false;
        return [...acc, arr.slice(i, i + 3)];
    }
}, []);
Run Code Online (Sandbox Code Playgroud)

它几乎可以工作,期望第一个三元组 (1/3) 的最后一个元素为 4。因此,每个三元组的第一个块重复 1 个键。像这样:

[
    [
        1,
        2,
        3,
        4
    ],
    [
        4, // this one is repeated, and it shouldn't be
        5,
        6
    ]
]
Run Code Online (Sandbox Code Playgroud)

Nin*_*olz 7

您可以采用两个索引,一个用于数据数组,一个用于大小。然后用给定的长度对数组进行切片并将块推送到块数组。

继续直到数据结束。

var data = Array.from({ length: 26 }, (_, i) => i + 1),
    sizes = [4, 3, 3, 3],
    i = 0,
    j = 0,
    chunks = [];

while (i < data.length) chunks.push(data.slice(i, i += sizes[j++ % sizes.length]));

console.log(chunks);
Run Code Online (Sandbox Code Playgroud)
.as-console-wrapper { max-height: 100% !important; top: 0; }
Run Code Online (Sandbox Code Playgroud)