如何使用 javascript 分配从数组中获取的动态值

Question

location=new Array('display1','display2');
album1=new Array("images/1.png","images/2.png");
album2=new Array("images/a.png","images/b.png");
function slide(albumName,position,sequence)//albumName will contain album1 or album2,position will denote index in albumName elements, sequence will denote index in location array
{ 
var path=albumName+"["+position+"]";
document.location[sequence].src=path;
}


<button onclick="slide('album1',0,1)>Slide</button> //Call in HTML

我想在函数中获取动态值以使语句看起来像这样：document.display1.src="images/1.png";但是上面的代码不起作用。我可以做任何更正吗？

Answer 1

要使用图像路径访问数组，我会将它们放在albums对象中。然后你可以说albums[albumName]来获得你想要的数组。从那里，您可以通过说来访问所需的元素album[position].我不完全明白你想用序列做什么，但我很确定这不是你的问题——你只需要知道如何获得正确的路径。

var albums = {
album1: ["images/1.png", "images/2.png"],
album2: ["images/a.png", "images/b.png"]
};
function slide(albumName, position, sequence) //albumName will contain album1 or album2,position will denote index in albumName elements, sequence will denote index in location array
{
var album = albums[albumName]; 
var path = album[position];
console.log(path);
}

<button onclick="slide('album1',0,1)">Slide</button>