Obtenir un tableau de clés d'objet

Je voudrais obtenir les clés d'un objet JavaScript sous forme de tableau, soit en jQuery soit en JavaScript pur.

Y a-t-il une manière moins verbeuse que cela?

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
for (var key in foo) {
    keys.push(key);
}

Utilisation Object.keys:

var foo = {
  'alpha': 'puffin',
  'beta': 'beagle'
};

var keys = Object.keys(foo);
console.log(keys) // ['alpha', 'beta'] 
// (or maybe some other order, keys are unordered).

Il s'agit d'une fonctionnalité ES5. Cela signifie que cela fonctionne dans tous les navigateurs modernes, mais ne fonctionnera pas dans les navigateurs hérités .

La cale ES5 a une implémentation de Object.keysvous pouvez voler

Vous pouvez utiliser jQuery $.map.

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' },
keys = $.map(foo, function(v, i){
  return i;
});

Bien sûr, Object.keys()c'est le meilleur moyen d'obtenir les clés d'un objet. S'il n'est pas disponible dans votre environnement, il peut être simplifié à l' aide de code comme dans votre exemple (sauf que vous devrez prendre en compte que votre boucle itérera sur toutes les propriétés de la chaîne de prototype, contrairement Object.keys()au comportement de).

Cependant, votre exemple de code ...

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
for (var key in foo) {
    keys.push(key);
}

jsFiddle .

... pourrait être modifié. Vous pouvez effectuer l'affectation directement dans la partie variable .

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [], i = 0;
for (keys[i++] in foo) {}

jsFiddle .

Bien sûr, ce comportement est différent de ce qui Object.keys()se passe réellement ( jsFiddle ). Vous pouvez simplement utiliser le shim sur la documentation MDN .

Je ne sais pas moins verbeux mais j'ai été inspiré pour contraindre ce qui suit sur une ligne par la demande à une ligne, je ne sais pas comment c'est Pythonic cependant;)

var keys = (function(o){var ks=[]; for(var k in o) ks.push(k); return ks})(foo);

Dans le cas où vous cherchez ici quelque chose pour répertorier les clés d'un objet imbriqué de profondeur n en tant que tableau plat:

const getObjectKeys = (obj, prefix = '') => {
  return Object.entries(obj).reduce((collector, [key, val]) => {
    const newKeys = [ ...collector, prefix ? `${prefix}.${key}` : key ]
    if (Object.prototype.toString.call(val) === '[object Object]') {
      const newPrefix = prefix ? `${prefix}.${key}` : key
      const otherKeys = getObjectKeys(val, newPrefix)
      return [ ...newKeys, ...otherKeys ]
    }
    return newKeys
  }, [])
}

console.log(getObjectKeys({a: 1, b: 2, c: { d: 3, e: { f: 4 }}}))

Sommaire

Pour obtenir toutes les clés d'un objet que vous pouvez utiliser Object.keys(). Object.keys()prend un objet comme argument et retourne un tableau de toutes les clés.

Exemple:

const object = {
  a: 'string1',
  b: 42,
  c: 34
};

const keys = Object.keys(object)

console.log(keys);

console.log(keys.length) // we can easily access the total amount of properties the object has

Dans l'exemple ci-dessus, nous stockons un tableau de clés dans la clé const. Nous pouvons alors facilement accéder à la quantité de propriétés sur l'objet en vérifiant la longueur du tableau de clés.

Obtenir les valeurs avec: Object.values()

La fonction complémentaire de Object.keys()is Object.values(). Cette fonction prend un objet comme argument et renvoie un tableau de valeurs. Par exemple:

const object = {
  a: 'random',
  b: 22,
  c: true
};


console.log(Object.values(object));

Si vous décidez d'utiliser Underscore.js, vous feriez mieux de le faire

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
_.each( foo, function( val, key ) {
    keys.push(key);
});
console.log(keys);