javascript - 如何使用对象名称值访问数组？

Question

我正在尝试做什么

我试图通过将参数传递给一个基本上控制幻灯片的函数来访问多个数组。我传递给函数的参数是 name的<a href=#" name="rebounding" onclick="nextPlayer(this.name)"></a> 。这是我尝试访问的数组之一。 var reboundingImgs = ['tyson_chandler.png', 'dwight_howard.png', 'zach_randolph.png', 'omer_asik.png', 'nikola_vucevic.png', 'joakim_noah.png'];

问题

当我将参数传递给更改图像的函数时，我使用 [index]而不是获取名为 reboundingImgs[] 的数组中的索引我在 string parameter 中收到这封信。例如parameter + "Imgs"[index]如果索引为 2 并且我传入的参数是“反弹”，则将为“b”。我需要使用传入的参数访问数组，以显示正确数组中的正确图像(我有几个包含图像的数组，例如 ScoringImgs[]、recruitingImgs[]、assassImgs[] 等)

这是我的代码

function nextPlayer(typeStatStr) {
    var numImgs = 6;
    var img = document.getElementById("slideImage");
    var imageName = img.name.split("_"); 
    var index = imageName[1];
    if (index == numImgs -1) {
        return;
    } 
    else {
        index++;
    }
    img.src = "..\\nbaart\\" + typeStatStr + "Imgs"[index];
    img.name = "image_" + index;
}

function prevPlayer(typeStatStr) {
    var img = document.getElementById("slideImage");
    var imageName = img.name.split("_");
    var index = imageName[1];
    if (index == 0) {
        return;
    }
    else {
            index--;
    }
    img.src = "..\\nbaart\\" + typeStatStr + "Imgs"[index];
    img.name = "image_" + index;
}

Answer 1

创建一个对象，该对象具有可以通过给定数组名称访问的属性:

var imgs = {};

imgs.rebounding = ['tyson_chandler.png', 'dwight_howard.png', 
                   'zach_randolph.png', 'omer_asik.png', 
                   'nikola_vucevic.png', 'joakim_noah.png'];

alert(imgs["rebounding"][0]); // tyson_chandler.png