Abrufen einer Liste assoziativer Array-Schlüssel

Ich habe ein assoziatives Array in Javascript:

var dictionary = {
    "cats": [1,2,3,4,5], 
    "dogs": [6,7,8,9,10]
};

Wie bekomme ich die Schlüssel dieses Wörterbuchs? dh ich will

var keys = ["cats", "dogs"];

7 Jahre später bearbeiten: Nur um die Terminologie korrekt zu machen - es gibt kein "assoziatives Array" in Javascript - dies ist technisch gesehen nur ein objectund es sind die Objektschlüssel, die wir wollen.

Sie können verwenden: Object.keys(obj)

Beispiel:

var dictionary = {
  "cats": [1, 2, 37, 38, 40, 32, 33, 35, 39, 36],
  "dogs": [4, 5, 6, 3, 2]
};

// Get the keys
var keys = Object.keys(dictionary);

console.log(keys);

Siehe unten stehende Informationen zur Browserunterstützung. Es wird in Firefox 4.20, Chrome 5, IE9 unterstützt. Der folgende Link enthält ein Code-Snippet, das Sie hinzufügen können, wenn Object.keys()es in Ihrem Browser nicht unterstützt wird.

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/keys

Versuche dies:

var keys = [];
for (var key in dictionary) {
  if (dictionary.hasOwnProperty(key)) {
    keys.push(key);
  }
}

hasOwnPropertywird benötigt, weil es möglich ist, Schlüssel in das Prototypobjekt von einzufügen dictionary. Normalerweise möchten Sie jedoch nicht, dass diese Schlüssel in Ihre Liste aufgenommen werden.

Wenn Sie dies beispielsweise tun:

Object.prototype.c = 3;
var dictionary = {a: 1, b: 2};

und dann mache eine for...inSchleife über dictionary, du wirst aund b, aber du wirst auch bekommen c.

for (var key in dictionary) {
  // do something with key
}

Es ist die for..in Aussage .

Nur eine kurze Anmerkung: Seien Sie vorsichtig bei der Verwendung von for..in, wenn Sie eine Bibliothek (jQuery, Prototyp usw.) verwenden, da die meisten von ihnen Methoden zu erstellten Objekten (einschließlich Wörterbüchern) hinzufügen.

Dies bedeutet, dass beim Überlaufen von Methoden Methodennamen als Schlüssel angezeigt werden. Wenn Sie eine Bibliothek verwenden, lesen Sie die Dokumentation und suchen Sie nach einem Abschnitt mit Aufzählungen, in dem Sie die richtigen Methoden für die Iteration Ihrer Objekte finden.

Einfache JQUERY-Methode.

Dies ist, was ich benutze
DictionaryObj als das Javascript-Wörterbuch-Objekt, das Sie durchlaufen möchten. Wert, Schlüssel natürlich sind die Namen von ihnen im Wörterbuch.

 $.each(DictionaryObj, function (key, value) {
            $("#storeDuplicationList")
                .append($("<li></li>")
                .attr("value", key)
                .text(value));
        });

Ich verwende derzeit die Antwort von Rob de la Cruz

Object.keys(obj)

und in einer früh geladenen Datei sind einige Codezeilen von anderen Stellen im Internet entlehnt, die den Fall alter Versionen von Skriptinterpreten abdecken, in die Object.keys nicht integriert sind.

if (!Object.keys) {
    Object.keys = function(object) {
        var keys = [];
        for (var o in object) {
            if (object.hasOwnProperty(o)) {
                keys.push(o);
            }
        }
        return keys;
    };
}

Ich denke, dies ist das Beste aus beiden Welten für große Projekte: einfacher moderner Code und abwärtskompatible Unterstützung für alte Browserversionen usw.

Tatsächlich wird die Lösung von JW in die Funktion aufgenommen, wenn die Object.keys (obj) von Rob de la Cruz nicht nativ verfügbar sind.