javascript - 使用 mod 环绕

Question

假设数组的长度为 1000。我正在尝试创建一种简单的方法来遍历存储在数组中的图像路径而不会越界。当涉及到单击“下一步”按钮以增加数组索引时，下面的方法使用模数很好地处理了环绕，但当我必须减少并从索引中减去一个时(当用户单击上一个按钮时)。

基本上我想做的是:

998 -> click next -> 999
999 -> click next -> 0
0 -> click previous -> 999

我的Javascript

var index = 0;

$('.catalog-img-container').attr("src", javascript_array[index]);
$(".next").click(function(){
        $('.catalog-img-container').attr("src", javascript_array[++index%arrayLength]);
    });         
$(".previous").click(function(){
    $('.catalog-img-container').attr("src", javascript_array[--index]);
    alert(index);

我感谢任何帮助

非常感谢。

Answer 1

可能有更优雅的方法解决这个问题，但这很简单:

$(".previous").click(function(){
    if (--index < 0) index = arrayLength - 1;
    $('.catalog-img-container').attr("src", javascript_array[index%arrayLength]);
});