Obtention d'une liste de clés de tableau associatif

J'ai un tableau associatif en Javascript:

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

Comment obtenir les clés de ce dictionnaire? c'est à dire que je veux

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

Modifier 7 ans plus tard: juste pour obtenir la terminologie correcte - il n'y a pas de «tableau associatif» en Javascript - c'est techniquement juste un objectet ce sont les clés d'objet que nous voulons.

Vous pouvez utiliser: Object.keys(obj)

Exemple:

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

Voir la référence ci-dessous pour la prise en charge du navigateur. Il est pris en charge dans Firefox 4.20, Chrome 5, IE9. Le lien ci-dessous contient un extrait de code que vous pouvez ajouter s'il Object.keys()n'est pas pris en charge dans votre navigateur.

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

Essaye ça:

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

hasOwnPropertyest nécessaire car il est possible d'insérer des clés dans l'objet prototype de dictionary. Mais vous ne voulez généralement pas que ces clés soient incluses dans votre liste.

Par exemple, si vous procédez ainsi:

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

puis faites une for...inboucle dictionary, vous obtiendrez aet b, mais vous obtiendrez également c.

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

C'est la déclaration for..in .

Juste une note rapide, méfiez-vous d'utiliser for..in si vous utilisez une bibliothèque (jQuery, prototype, etc.), car la plupart d'entre eux ajoutent des méthodes aux objets créés (y compris les dictionnaires).

Cela signifie que lorsque vous les parcourez, les noms des méthodes apparaissent sous forme de clés. Si vous utilisez une bibliothèque, consultez la documentation et recherchez une section énumérable, où vous trouverez les bonnes méthodes pour l'itération de vos objets.

Manière JQUERY simple.

C'est ce que j'utilise
DictionaryObj étant l'objet dictionnaire javascript que vous souhaitez parcourir. valeur, la clé étant bien sûr leur nom dans le dictionnaire.

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

J'utilise actuellement la réponse de Rob de la Cruz

Object.keys(obj)

et dans un fichier chargé au début, j'ai quelques lignes de code empruntées ailleurs sur Internet qui couvrent le cas des anciennes versions d'interpréteurs de scripts qui n'ont pas de Object.keys intégré.

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

Je pense que c'est le meilleur des deux mondes pour les grands projets: code moderne simple et support rétrocompatible pour les anciennes versions de navigateurs, etc.

En effet, il met la solution de JW dans la fonction lorsque les Object.keys (obj) de Rob de la Cruz ne sont pas nativement disponibles.