Obtendo uma lista de chaves de matriz associativas

Eu tenho uma matriz associativa em Javascript:

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

Como obtenho as chaves deste dicionário? ie eu quero

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

Edite 7 anos depois: Apenas para corrigir a terminologia - não existe uma 'matriz associativa' em Javascript - isso é tecnicamente apenas um objecte são as chaves de objeto que queremos.

Você pode usar: Object.keys(obj)

Exemplo:

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

Consulte a referência abaixo para suporte ao navegador. É suportado no Firefox 4.20, Chrome 5, IE9. O link abaixo contém um trecho de código que você pode adicionar se Object.keys()não houver suporte no seu navegador.

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

Tente o seguinte:

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

hasOwnPropertyé necessário porque é possível inserir chaves no objeto protótipo de dictionary. Mas você normalmente não deseja que essas chaves sejam incluídas na sua lista.

Por exemplo, se você fizer isso:

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

e depois faça um for...inloop dictionary, você obterá ae b, mas também obterá c.

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

É a declaração for..in .

Apenas uma observação rápida, tenha cuidado ao usar for..in se você usar uma biblioteca (jQuery, protótipo etc.), pois a maioria deles adiciona métodos aos objetos criados (incluindo dicionários).

Isso significa que, quando você fizer um loop sobre eles, os nomes dos métodos aparecerão como chaves. Se você estiver usando uma biblioteca, consulte a documentação e procure uma seção enumerável, onde encontrará os métodos certos para a iteração de seus objetos.

Maneira JQUERY simples.

É isso que eu uso
DictionaryObj, sendo o objeto de dicionário javascript que você deseja passar. chave, é claro que os nomes deles estão no dicionário.

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

Atualmente, estou usando a resposta de Rob de la Cruz

Object.keys(obj)

e em um arquivo carregado no início, tenho algumas linhas de código emprestadas de outras partes da Internet que cobrem o caso de versões antigas de interpretadores de script que não possuem Object.keys embutidas.

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

Eu acho que esse é o melhor dos dois mundos para grandes projetos: código moderno simples e suporte compatível com versões anteriores de versões antigas de navegadores etc.

Efetivamente, coloca a solução de JW na função quando Object.keys (obj) de Rob de la Cruz não está disponível nativamente.