假设数组的长度为1000。我试图创建一个简单的方法来遍历存储在数组中的图像路径而不越界。下面的方法在点击“下一个”按钮以增加数组索引时可以很好地处理使用模数的回绕,但是当我必须从索引中递减和减去一时(当用户点击上一个按钮时)。
基本上我想做的是:
998 -> click next -> 999
999 -> click next -> 0
0 -> click previous -> 999
字符串
我的Javacript
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);
型
我很感激任何帮助
很多人提前感谢。
6条答案
按热度按时间sdnqo3pr1#
可能有一个更优雅的方法,但这很简单:
字符串
qgzx9mmu2#
在取模之前加上数组的长度:
字符串
1cklez4t3#
你也可以使用一个方便的对象。
字符串
比如说,
型
k0pti3hp4#
我不确定这是不是你想要的,但是:
字符串
我假设arrayLength = JavaScript_array.length;
我希望这能帮助
6vl6ewon5#
WORKING DEMO TEST
这就是你所需要的:
字符串
apeeds0o6#
字符串
我使用这个函数来Map
counter
,一个整数到0和maxValue
之间的范围。型
假设你有一个下拉列表,你想用箭头键在列表中导航。