javascript - 通过动态创建数组名称在 click 函数中引用 javascript 数组

Question

所以我有一个像这样的数组:

var first_array = ['foo','bar','foobar'];

我正在运行一个点击函数，并尝试获取数组的名称并循环遍历以 first 作为 ID 名称的数组，如下所示

$('element').on('click',function(){
    var id = $(this).attr('id');
    var arr = id+"_array";
    $.each(arr,function(index,value){
        console.log(value);
    })
})

现在arr给出了一个变量名first_array而不是数组。因此每个循环都会失败。有没有办法引用数组？我需要动态创建数组变量名并获取数组元素。我还尝试在全局和点击函数内部声明数组，但不起作用。

Answer 1

就像 Rayon Dabre 在 the comments 中所说的那样，您应该使用包含您的first_array等的父对象，如下所示:

var parent_array = {
    first_array: ['foo','bar','foobar'],
    second_array: ['foo2', 'bar2', 'foobar2']
};

$('element').on('click',function(){
    var id = $(this).attr('id');
    var arr = parent_array[id+"_array"];
    $.each(arr,function(index,value){
        console.log(value);
    })
});