Récupérer toutes les clés d'un objet JavaScript

Je me demandais si il y avait un moyen rapide pour extraire les clés du tableau associatif dans un tableau, ou une liste séparée par des virgules à l'aide de JavaScript (jQuery est ok).

options = {key1: "value1", key2: "value2"};

Résultat doit être le tableau:

["key1", "key2"]

ou tout simplement une chaîne de caractères:

"key1, key2"

source d'informationauteur tishma

  1. 23

    Vous pouvez facilement obtenir un tableau d'entre eux par l'intermédiaire d'un for boucle, par exemple:

    var keys = [];
for(var key in options) {
  if(options.hasOwnProperty(key)) { //to be safe
    keys.push(key);
  }
}

    Ensuite utiliser keys comment vous voulez, par exemple:

    var keyString = keys.join(", ");

    Vous pouvez le tester ici. Le .hasOwnProperty() vérifier est pour être sûr, au cas où quelqu'un raté avec l'objet prototype.

  2. 19
    options = {key1: "value1", key2: "value2"};
keys = Object.keys(options);
  3. 5

    JQuery façon de le faire:

    var keys = [];
options = {key1: "value1", key2: "value2"};
$.each(options, function(key, value) { keys.push(key) })
console.log(keys)
  4. 2

    La plupart des principaux navigateurs ont cette fonctionnalité intégrée à présent, la méthode est de l'Objet.les touches():

    var keys = Object.keys(options);
//-> ["key1", "key2"]

    Vous pouvez également utiliser un petit extrait de l'implémenter dans les navigateurs qui ne supportent pas:

    Object.keys = Object.keys || (function () {
    var hasOwnProperty = Object.prototype.hasOwnProperty;

    return function (o) {
        if (typeof o != "object" && typeof o != "function" || o === null)
            throw new TypeError("Object.keys called on a non-object");

        var result = [];
        for (var name in o) {
            if (hasOwnProperty.call(o, name))
                result.push(name);
        }

        return result;
    };
})();

    Que l'extrait de code fonctionne de la même que celle de Nick Craver l'exemple avec 2 exceptions:

    • Qu'il va jeter un sens TypeError si vous passez à autre chose qu'un Objet (ou "tableau associatif", si vous le souhaitez).
    • Il va travailler autour d'un ennuyeux DOM-problème lié à Internet Explorer où les collections n'ont pas le hasOwnProperty méthode.

    Ce (et les autres réponses ici) ne fonctionne pas autour d'un IE énumération bug, cependant. Vous pouvez trouver plus d'informations et d'une partie du travail autour de pour que sur cette réponse ici.

  5. 1

    Vous pouvez maintenant utiliser

    Object.keys(obj)

    pour obtenir un tableau contenant les clés disponibles dans un objet. Mozilla est de l'utilisation et de la disponibilité de l'information.

  6. 0

    Vous pouvez utiliser $.each() en jQuery:

    function keyArray(obj) {
  var rv = [];
  $.each(options, function(key) { rv.push(key); });
  return rv;
}

    puis

    var keys = keyArray(options);

    vous donne ["key1", "key2"] comme un tableau, que vous pouvez join pour obtenir une chaîne de caractères.