javascript - JS 对象数组分页

Question

我需要一些帮助来按 5 操作/分页 JS 数组对象:

var musicItems = [
    ["assets/audio/1.wav"],
    ["assets/audio/2.wav"],
    ["assets/audio/3.wav"],
    ["assets/audio/4.wav"],
    ["assets/audio/5.wav"],
    ["assets/audio/6.wav"],
    ["assets/audio/7.wav"],
    ["assets/audio/8.wav"],
];

我想知道JS中集合的数量(2)以及哪些元素属于哪个集合(set1->1-5，set2->6-8)。感谢任何帮助。

编辑 我想做类似 Split array into chunks 的事情

但正如你所看到的，我的数组是不同的。

Answer 1

这只是一个简单的演示，说明如何使用取模运算符%实现此目的。将会有更高效、更小的解决方案。

var musicItems = [
    ["assets/audio/1.wav"],
    ["assets/audio/2.wav"],
    ["assets/audio/3.wav"],
    ["assets/audio/4.wav"],
    ["assets/audio/5.wav"],
    ["assets/audio/6.wav"],
    ["assets/audio/7.wav"],
    ["assets/audio/8.wav"],
];

var sets = new Object();
var set = new Array();
var setCounter = 0;

for(var i = 0; i < musicItems.length; i++) {
    set.push(musicItems[i]);

    if((i + 1) % 5 == 0 || (i + 1) >= musicItems.length) {
        setCounter++;
        sets['set' + setCounter] = set;
        set = new Array();
    }
}

console.log(sets['set1']);
console.log(sets['set2']);

基本上，它的作用是迭代 musicItems，以 % 5 为模，我们检查当前项目是否可以被 5 整除而无需休息，因此我们知道集合是完整的，因为我们收集了 5 个项目。然后，我们将该集合添加到整个集合对象中，以便稍后将其用作字典(如“set1”、“set2”等所希望的那样)，并清除当前集合，以用接下来的 n-5 个项目填充它。