Как использовать массивы доступа динамически?

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 и ItemID собраны и передан функции 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 - «Fruit», я хочу поместить 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); 
} 

Это работает, потому что все глобальные переменные являются неявно свойствами объекта window.

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) если заявление (или переключатель случае, если вы предпочитаете):

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); 
};