在单击事件中将javascript对象分成4个组

如何将javascript对象拆分为组，每组4个项目？下面是一个数组或对象应该如何保留的示例，但我想知道如何创建一个函数，以便当用户单击按钮时，其中4个项目显示在html中。。再次单击时，它应显示4个以上的项目，直到没有更多的项目显示！多谢各位

var obj=[
"项目1",，
"项目2",，
"第3项",，
"第4项",，
"第5项",，
"第6项",，
"第7项",，
"第8项",，
"第9项",，
"第10项",，
“项目11”
]
控制台日志（对象切片（0,4））；
控制台日志（对象切片（4,8））；
控制台日志（对象切片（8,12））像这样的东西可能行得通吗？将索引保留在全局范围内，以便可以在单击事件之间保留该值。打印组将是在单击处理程序中调用的函数（显然需要修改）


var-arr=[
"项目1",，
"项目2",，
"第3项",，
"第4项",，
"第5项",，
"第6项",，
"第7项",，
"第8项",，
"第9项",，
"第10项",，
“项目11”
];
//从任意长度的数组中生成4个组
功能构建组（arr）{
var groupedArr=[]；
对于（变量i=0；i打印组（）像这样的东西可能行得通吗？将索引保留在全局范围内，以便可以在单击事件之间保留该值。打印组将是在单击处理程序中调用的函数（显然需要修改）


var-arr=[
"项目1",，
"项目2",，
"第3项",，
"第4项",，
"第5项",，
"第6项",，
"第7项",，
"第8项",，
"第9项",，
"第10项",，
“项目11”
];
//从任意长度的数组中生成4个组
功能构建组（arr）{
var groupedArr=[]；
对于（变量i=0；i打印组（）你就快到了。只需将
.slice（）
更改为
.splice（）
。如果要为数据添加健全性检查，请选中
obj.length
，但如果没有剩余数据，只返回任何内容，则该检查将正常失败


var obj=[
"项目1",，
"项目2",，
"第3项",，
"第4项",，
"第5项",，
"第6项",，
"第7项",，
"第8项",，
"第9项",，
"第10项",，
“项目11”
]
console.log（对象拼接（0,4））；//删除并返回前4个元素
控制台日志（对象拼接（0,4））；
控制台日志（对象拼接（0,4））你就快到了。只需将
.slice（）
更改为
.splice（）
。如果要为数据添加健全性检查，请选中
obj.length
，但如果没有剩余数据，只返回任何内容，则该检查将正常失败


var obj=[
"项目1",，
"项目2",，
"第3项",，
"第4项",，
"第5项",，
"第6项",，
"第7项",，
"第8项",，
"第9项",，
"第10项",，
“项目11”
]
console.log（对象拼接（0,4））；//删除并返回前4个元素
控制台日志（对象拼接（0,4））；
控制台日志（对象拼接（0,4））只需跟踪当前页面：

var page = 0, size = 4;

他们只是在该页面上迭代：

for(var index = page * size; index < obj.length && index < (page + 1) * size; index++) {
 console.log(obj[index]);
}

for（var index=page*size；index

要获得下一页/上一页，只需增加/减少页面，让循环再次运行。
只需跟踪当前页面：

var page = 0, size = 4;

他们只是在该页面上迭代：

for(var index = page * size; index < obj.length && index < (page + 1) * size; index++) {
 console.log(obj[index]);
}

for（var index=page*size；index

要获得下一页/上一页，只需增加/减少页面，让循环再次运行。
因此，请保留一个索引为零的变量并读取4项。单击next（下一步）时，添加4并读取接下来的4项。因此，保持索引为零的变量并读取4项。单击“下一步”时，您将添加4并阅读下四个。谢谢。你的回答以最简单的方式帮助了我，这正是我所需要的。不用担心——很乐意帮忙：）谢谢。你的回答以最简单的方式帮助了我，这正是我所需要的。不用担心——很乐意帮助：）