Wie verwendet man Zugriffs-Arrays dynamisch?

Question

Ich benutze jQuery 1.7.1 (aber das ist wahrscheinlich irrelevant).

Ich habe mehrere JavaScript-Arrays, die auf verschiedene Arten bevölkert sind. Die Arrays, im Grunde wie folgt aussehen:

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

ich einige Links haben, die einen Elementtyp und eine Artikel-ID haben:

<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> 

Wenn der Link angeklickt wird, wird die ItemType und ItemID werden gesammelt und an die Funktion addToArray() übergeben:

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

Hier ist das Problem. Wenn der ItemType "Tree" ist, möchte ich die ItemID in das TreeArray einfügen. Wenn der ItemType "Fruit" ist, möchte ich die ItemID in das FruitArray schreiben. Hier ist meine Funktion (das nicht funktioniert):

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

Ich werde ziemlich viele verschiedene Arten von Arrays, nicht nur zwei. Ich werde einige Funktionen haben.

Also, wie kann ich dynamisch auf diese Arrays zugreifen?

Answer 1

Ihre Arrays ändern Eigenschaften eines Objekts zu sein, und dann kann man sie mit Namen dynamisch zugreifen:

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

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

---

Als Alternative, wenn TreeArray und FruitArray globale Variablen waren, können Sie auch auf sie zugreifen können aus dem window Objekt wie dies ohne die Array-Definitionen zu ändern, obwohl ich lieber die erste Implementierung oben:

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

Dies funktioniert, weil alle globalen Variablen implizit Eigenschaften des Fensterobjekts sind.

Answer 2

„Ich werde ziemlich viele verschiedene Arten von Arrays, nicht nur zwei. Ich werde schon einige Funktionen haben.

Also, wie kann ich diese Arrays dynamisch zugreifen?“

Normalerweise bedeutet dies, dass die Antwort ein Array-of-arrays oder ein array-of-arrays ist, aus denen Sie die Referenz extrahieren; Dies scheint ähnlich zu dem, was Sie mit var WhichArray = ItemType + "Array" zu tun versuchen.

Sie bauen diesen Super-Container automatisch auf, wenn Sie Ihre Arrays erstellen, oder indem Sie allen Arrays die gleiche Klasse geben und getElementsByClassName oder ähnliche Alternativen tun.

Zum Beispiel könnten Sie gerade tun:

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

Dies alles ist der Code Sie benötigen, total.

Answer 3

Sie könnten Ihre Arrays in einem Objekt platzieren und auf sie zugreifen mit []:

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

var selector = 'Tree'; 

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

In Aktion: http://repl.it/CJQ

Answer 4

Warum ein Objekt mit den verschiedenen Elementtypen nicht Taste nach oben?

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 wird ein String, nicht das Array, das Sie wollten sein.

könnten Sie: var WhichArray = window[ItemType + "Array"]; statt

Answer 6

Sie haben grundsätzlich zwei Möglichkeiten:

1) if-Anweisung (oder Schalter Fall, wenn Sie bevorzugen):

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) speichern die Arrays in einer Art von Datenstruktur (ein Array oder Objekt):

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

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