Javascript 如何一次遍历数组3？

我如何能够通过一个单击事件遍历一个数组并按顺序一次显示3个值

例如：

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];

寻找以下结果：

---

1,2,3

，然后单击

4,5,6

，然后

7,8,9

只需将循环变量增加

3

，而不是

1

：

for (var i = 0; i < array.length; i += 3) {
    console.log(array[i], array[i+1], array[i+2]);
    // or console.log(array.slice(i, 3));
}

for（变量i=0；i

你也可以提前

---

---

编辑：显然你不想重复（正如你在标题中所说的）。不过，这同样适用于连续单击。保留一个计数器

i

，并在每次单击时将其增加

3

。

只需将循环变量增加

3

，而不是

1

：

for (var i = 0; i < array.length; i += 3) {
    console.log(array[i], array[i+1], array[i+2]);
    // or console.log(array.slice(i, 3));
}

for（变量i=0；i

你也可以提前

---

---

编辑：显然你不想重复（正如你在标题中所说的）。不过，这同样适用于连续单击。保留一个计数器

i

，并在每次单击时将其增加

3

。

请随意使用计数器并显示接下来的三个值

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var curr = 0;
function nextVal(){
    if(curr<array.length)
        return array[curr++];
    else
        return '';
}

function printNextThree(){
    console.log(nextVal()+','+nextVal()+','+nextVal());
}

var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
var计数器=0；
document.getElementsByTagName（'button'）[0]。addEventListener（'click'，function（））{
document.body.append（数组[counter++]+数组[counter++]+数组[counter++]）；
});
点击
请随意使用计数器并显示下三个值

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var curr = 0;
function nextVal(){
    if(curr<array.length)
        return array[curr++];
    else
        return '';
}

function printNextThree(){
    console.log(nextVal()+','+nextVal()+','+nextVal());
}


var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
var计数器=0；
document.getElementsByTagName（'button'）[0]。addEventListener（'click'，function（））{
document.body.append（数组[counter++]+数组[counter++]+数组[counter++]）；
});
点击
如果您不介意修改原始数组，这里还有另一个解决方案

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];

function clickMeForThree(arr) {
    for (let i=0; i < 3; i++) {
        console.log(arr[i])
        array.shift()
    }
}

clickMeForThree(array)
clickMeForThree(array)
clickMeForThree(array)

var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
功能点击我三次（arr）{
for（设i=0；i<3；i++）{
console.log（arr[i]）
数组.shift（）
}
}
单击我三次（数组）
单击我三次（数组）
单击我三次（数组）
如果您不介意修改原始数组，这里还有另一个解决方案

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];

function clickMeForThree(arr) {
    for (let i=0; i < 3; i++) {
        console.log(arr[i])
        array.shift()
    }
}

clickMeForThree(array)
clickMeForThree(array)
clickMeForThree(array)

var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
功能点击我三次（arr）{
for（设i=0；i<3；i++）{
console.log（arr[i]）
数组.shift（）
}
}
单击我三次（数组）
单击我三次（数组）
单击我三次（数组）
您可以使用一个函数返回当前值并递增索引计数器。然后调用它三次以获得接下来的三个值

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var curr = 0;
function nextVal(){
    if(curr<array.length)
        return array[curr++];
    else
        return '';
}

function printNextThree(){
    console.log(nextVal()+','+nextVal()+','+nextVal());
}

var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
var curr=0；
函数nextVal（）{
if（curr您可以使用一个函数返回当前值并递增索引计数器。然后调用它三次以获得接下来的三个值

var array = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
var curr = 0;
function nextVal(){
    if(curr<array.length)
        return array[curr++];
    else
        return '';
}

function printNextThree(){
    console.log(nextVal()+','+nextVal()+','+nextVal());
}

var数组=[“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”]；
var curr=0；
函数nextVal（）{
如果你可以分享你的代码吗？你可以分享你的代码吗？可能使用地图我们可以想出一些东西。可能使用地图我们可以想出一些东西。