如何動態使用訪問數組？

Question

我正在使用jQuery 1.7.1（但這可能無關緊要）。

我有幾種JavaScript數組，填充方式有幾種。這些陣列，基本上是這樣的：

var TreeArray = [0,1,2]; 
var FruitArray = [4,5,6,7]; 

我有一些鏈接，有一個項目類型和項目編號：

<a href='?' class='Link' data-itemid='123' data-itemtype='Tree'>elm</a> 
<a href='?' class='Link' data-itemid='789' data-itemtype='Tree'>walnut</a> 
<a href='?' class='Link' data-itemid='456' data-itemtype='Fruit'>orange</a> 
<a href='?' class='Link' data-itemid='111' data-itemtype='Fruit'>apple</a> 

當用戶點擊該鏈接時，的ItemType和項目ID被收集和傳遞給addToArray（）函數：

$Links.click(function(e) { 
    e.preventDefault(); 
    var ItemType = $(this).data("itemtype"); 
    var ItemID = $(this).data("itemid"); 
    addToArray(ItemType, ItemID); 
}); 

這裏是問題所在。如果ItemType是「Tree」，我想把ItemID放在TreeArray中。如果ItemType是「水果」，我想把ItemID放在FruitArray中。這裏是我的功能（即不工作）：

var addToArray = function addToArray(ItemType, ItemID) { 
    var WhichArray = ItemType + "Array"; 
    WhichArray.push[ItemID]; 
} 

我將有很多不同類型的數組，而不是兩個。我會有很多功能。

那麼，我該如何動態訪問這些數組呢？

Answer 1

改變你的陣列是一個對象的屬性，然後您可以通過名稱動態地訪問它們：

var arrays = { 
    Tree: [0,1,2], 
    Fruit: [4,5,6,7] 
}; 

var addToArray = function addToArray(ItemType, ItemID) { 
    arrays[ItemType].push(ItemID); 
} 

---

作爲替代，如果TreeArray和FruitArray是全局變量，你也可以訪問它們斷window對象像這樣在不改變所述陣列的定義，雖然我更喜歡上面的第一個實施：

// global variables 
var TreeArray = [0,1,2]; 
var FruitArray = [4,5,6,7]; 

var addToArray = function addToArray(ItemType, ItemID) { 
    var WhichArray = ItemType + "Array"; 
    window[WhichArray].push(ItemID); 
} 

這適用，因爲所有全局變量都是窗口對象的隱式屬性。

Answer 2

「我有好幾個不同類型的數組，而不是兩個。我將有相當多的功能。

所以，我怎麼能動態地訪問這些陣列？」

通常這意味着答案是有一個數組的陣列或從中提取引用的數組對象;這似乎與你想要用var WhichArray = ItemType + "Array"做什麼相似。

您可以在創建陣列時自動構建超級容器，也可以通過爲所有陣列提供相同的類並執行getElementsByClassName或其他類似的替代方法。

例如，你可以只是做：

var clicked = {}; // looks like {Tree:[123, 789], Fruit:[...]} 

// For each clickable link... 
document.getElementsByClassName('Link').forEach(function(link) { 
    // ... add a callback which says... 
    link.onclick = function(this) { 
     // ... to take the itemtype and itemid... 
     var itemType = link.getAttribute('data-itemtype'); 
     var itemId = link.getAttribute('data-itemid'); 

     // ... and add it to our master dictionary 
     if (clicked[itemType]===undefined) 
      clicked[itemType] = []; 
     clicked[itemType].push(itemId); 
    }; 
}); 

這是所有的代碼，你需要，總。

Answer 3

您可以將您的陣列中的對象，並與[]訪問它們：

var myObj = { 
    TreeArray: [0,1,2], 
    FruitArray: [4,5,6,7] 
}; 

var selector = 'Tree'; 

// Access the array 
console.log(myObj[selector + 'Array'][2]); // 2 

在行動：http://repl.it/CJQ

Answer 4

爲什麼不鍵上的不同項目類型的對象？

var lists = { 
    Tree: [0,1,2], 
    Fruit: [4,5,6,7] 
} 

var addToArray = function addToArray(ItemType, ItemID) { 
    var WhichArray = lists[ItemType]; 
    WhichArray.push[ItemID]; 
} 

Answer 5

var WhichArray = ItemType + "Array";

WhichArray將是一個字符串，而不是你想要的陣列。

你可以使用：var WhichArray = window[ItemType + "Array"];代替

Answer 6

你基本上有兩種選擇：

1）if語句（或交換機的情況下，如果你喜歡）：

var addToArray = function addToArray(ItemType, ItemID) { 
    if (ItemType === 'Tree') { 
     TreeArray.push(itemID); // notice push is a function, don't call with []... 
    } else { 
     FruitArray.push(itemID); 
    } 
}; 

2）存儲陣列在某些類型的數據結構（數組或對象）中：

var arrays = { 
    Tree: [0,1,2], 
    Fruit: [4,5,6,7] 
}; 

var addToArray = function addToArray(ItemType, ItemID) { 
    arrays[ItemType].push(ItemID); 
};