Uzyskiwanie listy kluczy tablicy asocjacyjnej

Mam tablicę asocjacyjną w JavaScript:

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

Jak zdobyć klucze tego słownika? tzn. chcę

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

Edytuj 7 lat później: aby poprawić terminologię - nie ma czegoś takiego jak „tablica asocjacyjna” w Javascripcie - jest to technicznie po prostu objecti chcemy kluczy obiektowych.

Możesz użyć: Object.keys(obj)

Przykład:

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

Informacje na temat obsługi przeglądarki znajdują się poniżej. Jest obsługiwany w Firefox 4.20, Chrome 5, IE9. Poniższy link zawiera fragment kodu, który można dodać, jeśli Object.keys()nie jest obsługiwany w przeglądarce.

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

Spróbuj tego:

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

hasOwnPropertyjest potrzebne, ponieważ możliwe jest wstawienie kluczy do prototypowego obiektu dictionary. Ale zwykle nie chcesz, aby te klucze znajdowały się na liście.

Na przykład, jeśli to zrobisz:

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

a następnie wykonać for...inpętlę dictionary, dostaniesz ai b, ale dostaniesz również c.

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

Jest to instrukcja for..in .

Krótka uwaga, bądź ostrożny przy użyciu for..in, jeśli korzystasz z biblioteki (jQuery, prototyp itp.), Ponieważ większość z nich dodaje metody do tworzonych obiektów (w tym słowników).

Oznacza to, że gdy przejdziesz nad nimi, nazwy metod pojawią się jako klucze. Jeśli korzystasz z biblioteki, przejrzyj dokumentację i poszukaj wyliczalnej sekcji, w której znajdziesz odpowiednie metody iteracji twoich obiektów.

Prosty sposób JQUERY.

Właśnie tego używam
DictionaryObj jako obiekt słownika javascript, którym chcesz przejść. wartość, kluczem oczywiście są ich nazwy w słowniku.

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

Obecnie używam odpowiedzi Rob de la Cruz

Object.keys(obj)

a we wcześniej załadowanym pliku mam kilka wierszy kodu pożyczonych z innych miejsc w Internecie, które dotyczą przypadku starych wersji interpreterów skryptów, które nie mają wbudowanych kluczy Object.keys.

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

Myślę, że jest to najlepsze z obu światów dla dużych projektów: prosty nowoczesny kod i kompatybilność wsteczna dla starych wersji przeglądarek itp.

Skutecznie wprowadza rozwiązanie JW do funkcji, gdy obiekt Object.keys (obj) Rob de la Cruz nie jest natywnie dostępny.