Javascript 显示阵列的前4个，然后在下一个上显示下4个

我试图找出一种方法，只动态显示数组中的前四个元素，就像一些如何过滤它的方法一样。共有8项。有没有办法过滤前4个。然后，当他们单击“下一步”时，它会显示接下来的四个

$（“#测试”）。单击（函数（）{
水果.拼接（0，水果.长度，“柠檬”，“猕猴桃”）；
document.getElementById（“demo”）.innerHTML=fruits；
});
$（“#下一步”）。单击（函数（）{
水果；
});
功能下一步（编号）
{
var指数=水果指数（数量）；
索引++；
如果（索引>=水果长度）
指数=0；
退货水果[指数]；
}
var水果=[“香蕉”、“橘子”、“桃子”、“香蕉”、“木瓜”、“西瓜”、“草莓”、“奶酪”]；
var col1=[“香蕉”、“橙子”、“馅饼”、“椒盐卷饼”]；
var col2=[“香蕉”、“橙色”]；
document.getElementById（“demo”）.innerHTML=fruits

单击按钮以添加和删除图元

下一个
可用于从数组中选择元素


var fruits=[“香蕉”、“橙子”、“桃子”、“香蕉”、“木瓜”、“西瓜”、“草莓”、“奶酪”]；
$（“p”）.text（水果切片（0,4））；
$（“按钮”）。单击（函数（）{
$（“p”）.text（水果切片（4,8））；
});


接下来，您可以使用从数组中选择元素


var fruits=[“香蕉”、“橙子”、“桃子”、“香蕉”、“木瓜”、“西瓜”、“草莓”、“奶酪”]；
$（“p”）.text（水果切片（0,4））；
$（“按钮”）。单击（函数（）{
$（“p”）.text（水果切片（4,8））；
});


下一步
如果您希望它在项目上循环，并在完成后返回到开头，则此代码段就是答案。否则，您可以删除阵列的显示部分，以防止其再次可见


var fruits=[“香蕉”、“橙子”、“桃子”、“香蕉”、“木瓜”、“西瓜”、“草莓”、“奶酪”、“甜瓜”]；
变量项=$（“#项”）；
风险价值金额=4；
函数showNext（）{
var itemsToShow=fruits.slice（0，数量）；
items.text（itemsToShow）；
水果=[…水果.切片（数量），…项目显示]；
//如果想在最后停下来，只需将水果=水果切成片（数量）
}
showNext（）；
$（“#下一步”）。单击（显示下一步）


下一步
如果您希望它在项目上循环，并在完成后返回到开头，则此代码段就是答案。否则，您可以删除阵列的显示部分，以防止其再次可见


var fruits=[“香蕉”、“橙子”、“桃子”、“香蕉”、“木瓜”、“西瓜”、“草莓”、“奶酪”、“甜瓜”]；
变量项=$（“#项”）；
风险价值金额=4；
函数showNext（）{
var itemsToShow=fruits.slice（0，数量）；
items.text（itemsToShow）；
水果=[…水果.切片（数量），…项目显示]；
//如果想在最后停下来，只需将水果=水果切成片（数量）
}
showNext（）；
$（“#下一步”）。单击（显示下一步）


下一步
学习数组方法，如
filter（）
或如何进行数组复制，然后再
slice（）
。并在左菜单中的方法之间切换。在哪里定义了
projects
？是时候了解数组方法了，如
filter（）
，或者如何进行数组复制，然后再
slice（）
。并在左菜单中的方法之间切换
projects
在哪里定义？有没有方法可以直接使用index++而不是将其硬编码为（4,8）？有没有方法可以直接使用index++而不是将其硬编码为（4,8）？