在JavaScript中使用变量作为数组的索引

Question

这是我的代码：

var span = getSpanWithClass("galleria-current");
var slideNumber = span.innerHTML
var imageIDDivs = document.getElementsByClassName("slideshowImage");
var singleimageidDiv = imageIDDivs[slideNumber]

如果使用此功能，则sigleImageidDiv中没有任何内容。 如果我只是这样输入0或1：

var singleimageidDiv = imageIDDivs[1]

工作正常。 在我的测试案例中， slideNumber是1 。

我也尝试过这些：

var singleimageidDiv = imageIDDivs[Number(slideNumber)]

var singleimageidDiv = imageIDDivs[parseInt(slideNumber)]

使用变量作为数组索引的正确方法是什么？

Answer 1

用基数解析为int。

这是正确的方法：

imageIDDivs[parseInt(slideNumber, 10)];

实时演示如果它不起作用，则您的问题出在其他地方。

---

BTW索引也适用于字符串。 DEMO

Answer 2

innerHTML返回元素内的字符串，因此即使元素内有数字，它也将作为字符串返回，这就是为什么当使用该变量作为数组的索引时，不会得到结果的原因。 使用parseInt是可以接受的解决方案，您也可以执行span.innerHTML * 1 ，这将迫使JS将字符串视为整数。

Answer 3

我认为您的getSpanWithClass函数有错误。