javascript - 遍历多个数组，组合成单个数组，在子数组内维护索引

Question

有点冗长的标题，但我会尽力解释我想做什么。基本上我有很多数组，我想将它们组合成一个数组。问题是，我需要遍历子数组中的项目并一次添加 1 并维护顺序。最终目标是我想显示回页数据。我在下面有一个简单的例子，我将用它来尝试传达我的意思。这不是按字母顺序排序，即 h 不应在底部示例中的 i 之前。

所以在我的示例中，我知道我需要 3 页的结果。第一页应该有 4 个项目，第二页有 4 个项目，第三页只有 1 个项目。

我可以自己做最后的分页，因为我将在它的末尾有一个包含所有内部项目的数组“mix”，但我不知道如何循环遍历我的数组和按照我的需要添加它们。

我已经预先获得了 page 变量，但我不确定如何构建循环。我想我基本上需要循环遍历每个子数组和 pop() 第一项，然后循环遍历下一个，pop() 第一项等等。但是在某处我需要检查每个子数组中还剩下多少项。

例如，如果我只有数组“one”，理论上我会有 2 页，第一页包含 a、c、e、i，第二页仅包含 k，这显然足够简单，因为我只检查了数组的长度只有数组。

但是如果我在另一个数组中添加“third”[1,2,3,4,5] 那么我希望混合数组是 ['a','b',1,'c',' ',2...等等];理论上，这些数组中的每一个都可以有不同的长度，所以我显然会跳过一个空值。

 var one = ['a','c','e','i','k'];
 var two = ['b','d','f','h'];

 var all = [one,two];
 var pagecount = 3;
 var mix = [];

 for(var i = 0; i< all.length; i++){
     var area = all[i];    
 }
 // End result should be mix = ['a','b','c','d','e','f','i','h','k'];

我已经尽我所能地表达了这一点，但我正在努力思考如何自己解释这一点!不幸的是，在现实世界中，我无法控制数据数组的数据/大小。

如有任何问题或不清楚的地方，请发表评论。

Answer 1

以下应该有效:

for (var i = 0; all.length !== 0; i++) {
    var j = 0;
    while (j < all.length) {
        if (i >= all[j].length) {
            all.splice(j, 1);
        } else {
            mix.push(all[j][i]);
            j += 1;
        }
    }
}

在外层循环的每次迭代中，我们将 i 加一，这将是每个数组中的索引以从中获取项目。对于内部循环，我们将执行以下操作之一:

• 如果索引 i 超出数组 all[j] 的最大索引，我们就完成了该数组，因此使用 all.splice 删除它(j, 1)。我们不推进 j 因为 all[j] 将在删除该位置的前一个元素后引用下一个数组。
• 否则我们将项目 all[j][i] 添加到 mix 并将 j 加一以移动到下一个数组下一次迭代。

直到 all 中没有数组剩余时，外层循环才会停止，这将在 i 超过最长数组的长度时发生。

例如，三个数组的长度都不同:

var one = [1, 2, 3, 4];
var two = ['a', 'b'];
var three = ['U', 'V', 'W', 'X', 'Y', 'Z'];
var all = [one, two, three];
var mix = [];
// after running the above loop mix will have the following contents:
// [1, "a", "U", 2, "b", "V", 3, "W", 4, "X", "Y", "Z"]