在遍历数组以记录Click元素时遇到问题

Question

您能否看一下这个演示，并让我知道当按钮单击触发时，如何循环到sectorArray[]的另一个元素并记录该元素？ 现在，我遇到一个问题，即从负号或负号开始，并在函数到达最后一个元素时返回到起点！

 var sectorArray = ["a", "b", "c"]; var counter = 0; $(".plus").on("click", function(e) { console.log(sectorArray[counter]); counter++; }); $(".minus").on("click", function(e) { counter--; console.log(sectorArray[counter]); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" class="minus">-</button> <button type="button" class="plus" >+</button> 

Answer 1

工作小提琴

您需要做的就是在超出范围时重置counter变量：

var sectorArray = ["a", "b", "c"];
var counter = -1; // start at -1 because we inc/dec before we log

$(".plus").on("click", function(e) {
  // Increment and check if counter is out of bounds
  if(++counter >= sectorArray.length){
    counter = 0;
  }
  console.log(sectorArray[counter]);
});

$(".minus").on("click", function(e) {
  // Decrement and check if counter is out of bounds
  if(--counter < 0){
    counter = sectorArray.length - 1;
  }
  console.log(sectorArray[counter]);
});