javascript - JS函数不访问所有数组图片

Question

<分区>

Answer 1

您当前的代码不支持您的 imgs 网址中的重复图像。 Array.indexOf 返回元素出现的第一个索引。由于索引 3 处的 URL 也出现在索引 0 处，因此它永远不会再进一步​​。

我会跟踪 javascript 变量中的索引以规避此问题。这是一个例子:

var getNextImageUrl = (function() {

  var currentIndex = 0;
  var imgs = ["a", "b", "c"];

  return function(direction) {

    var dir = direction || 1; // Default direction is forward

    var newIndex = currentIndex + dir;

    // Loop when end is reached
    if (newIndex >= imgs.length) {
      newIndex = 0;
    } else if (newIndex < 0) {
      newIndex = imgs.length - 1;
    }

    currentIndex = newIndex;

    return imgs[currentIndex];

  };

}())