在函数中动态调用数组

Call Array Dynamically in a function

本文关键字：调用 数组 动态 函数      更新时间：2023-09-26

我有一张美国地图，所有50个州都是可点击的按钮，当用户点击一个州时，我想显示该州的信息，并动态调用该州的数组。下面是我自己微弱的尝试，显然不起作用。

var stateList = new Array("AK","AL","AR","AZ","CA","CO","CT","DC","DC2","DE","FL","GA","GU","HI","IA","ID",
        "IL","IN","KS","KY","LA","MA","MD","ME","MH","MI","MN","MO","MS","MT","NC","ND","NE","NH","NJ","NM","NV","NY",
        "OH","OK","OR","PA","PR","RI","SC","SD","TN","TX","UT","VA","VT","WA","WI","WV","WY");
function listenerForI( i ) {
    document.getElementById(stateList[i])
    .addEventListener('mousedown', function() {
        stateSelect(stateList[i]);
    }, false);
}
for (var i = 0; i < stateList.length; i++) {
   listenerForI( i );
}
var HIdat = new Array(20,28,50,2) //one array for all 50 states COdat, AKdat, etc.
function stateSelect(state){
    var display_data1 = state + "dat[0]";
    alert(display_data1);
}

我应该使用eval（）吗？我听说过可以用全球"窗口"做一些事情，但我不明白这是怎么回事。

您应该将状态数组存储在它们自己的对象中：

var stateData = {
    HI: [1, 2, 3],
    IL: [4, 5, 6],
    ...
};
var myData = stateData[state];

使用window是一个选项，如下所示：

window[state + "dat"]将为您获取阵列。

但我建议。。。正是SLaks刚刚发布的内容，所以改为发布。

在JavaScript中，全局变量是窗口对象的成员，因此您可以使用数组索引语法来获取它们，而无需使用eval，这通常是要避免的，比如：

function stateSelect(state) {
    var display_data1 = window[state + "dat"];
    alert(display_data1);
}
相关文章：