Ottieni array di chiavi dell'oggetto

Vorrei ottenere le chiavi di un oggetto JavaScript come un array, in jQuery o JavaScript puro.

C'è un modo meno dettagliato di questo?

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

Utilizzare 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).

Questa è una funzione ES5. Ciò significa che funziona in tutti i browser moderni ma non nei browser legacy .

Lo shim ES5 ha un'implementazione Object.keysche puoi rubare

Puoi usare jQuery $.map.

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

Naturalmente, Object.keys()è il modo migliore per ottenere le chiavi di un oggetto. Se non è disponibile nel tuo ambiente, può essere banalmente oscurato usando codice come nel tuo esempio (tranne che dovresti tener conto del fatto che il tuo ciclo eseguirà l'iterazione su tutte le proprietà nella catena del prototipo, a differenza Object.keys()del comportamento).

Tuttavia, il tuo codice di esempio ...

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

jsFiddle .

... potrebbe essere modificato. Puoi eseguire il compito direttamente nella parte variabile .

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

jsFiddle .

Naturalmente, questo comportamento è diverso da quello che Object.keys()effettivamente fa ( jsFiddle ). Si potrebbe semplicemente usare lo spessore sulla documentazione MDN .

Non so di meno prolisso, ma sono stato ispirato a forzare quanto segue su una riga dalla richiesta one-liner, non so come sia Pythonic;)

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

Nel caso in cui tu stia cercando qualcosa per elencare le chiavi di un oggetto nidificato n-depth come un array piatto:

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

Sommario

Per ottenere tutte le chiavi di un oggetto che puoi usare Object.keys(). Object.keys()accetta un oggetto come argomento e restituisce un array di tutte le chiavi.

Esempio:

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

Nell'esempio sopra memorizziamo un array di chiavi nella chiave const. Possiamo quindi accedere facilmente alla quantità di proprietà sull'oggetto controllando la lunghezza della matrice di chiavi.

Ottenere i valori con: Object.values()

La funzione complementare di Object.keys()è Object.values(). Questa funzione accetta un oggetto come argomento e restituisce una matrice di valori. Per esempio:

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


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

Se decidi di utilizzare Underscore.js è meglio farlo

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