如何使用动态创建的名称访问javascript数组？[副本]

Question

这是我想做的一个非常简单的例子。这些数组是用服务器端代码生成的，我不知道哪些数组会在那里，除了它们总是‘array’后面跟一个数字。

var array1 = ['cat','dog','fish','bird'];
var array2 = ['taco','pizza','burger','salad'];
var array3 = ['maple','elm','pine'];

用户从select-1中选择一个选项

<select id="select-1" onchange="getArray()">
    <option value="1">Pets</option>
    <option value="2">Foods</option>
    <option value="3">Trees</option>
</select>

然后我需要我的函数访问相应于select-1值的正确数组。在select-1中出现的每个选项都将有一个相应的数组。

function getArray() {
    var x = document.getElementById("select-1").value;

    //how do I access "arrayx"?

    var y = arrayx[0];
}

如何编写函数以从正确的数组中获取值？我需要一些类似的东西

arrayname = 'array' + x;

但我不知道怎么从这里到那里。

下面是一把实验用的小提琴:http://jsfidle.net/6yor1kp5/9/

Answer 1

您只需跟随@pointy并将数组包围在另一个数组中。在当前情况下，从服务器加载数组时，必须将数组追加到arrayx中。

var arrayx = [
    ['cat','dog','fish','bird'],
    ['taco','pizza','burger','salad'],
    ['maple','elm','pine']
];

Answer 2

如果它位于浏览器中的全局上下文中，则可以使用窗口[arrayname]。

例如。

var y = window["array"+x][0];

在你的小提琴里。