在单击时循环遍历数组以记录元素时出现问题

Having Issue on Looping Through an Array to Log elements on Click

本文关键字：元素 记录 问题 数组 单击 循环 遍历      更新时间：2023-09-26

您能否看一下这个演示，并让我知道当按钮单击触发时，我如何循环到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>

工作小提琴

您需要做的就是在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]);
});
相关文章：