Holen Sie sich ein Array von Objektschlüsseln

Ich möchte die Schlüssel eines JavaScript-Objekts als Array erhalten, entweder in jQuery oder in reinem JavaScript.

Gibt es einen weniger ausführlichen Weg als diesen?

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

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

Dies ist eine ES5-Funktion. Dies bedeutet, dass es in allen modernen Browsern funktioniert, jedoch nicht in älteren Browsern .

Der ES5-Shim hat eine Implementierung, die Object.keysSie stehlen können

Sie können jQuery's verwenden $.map.

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

Dies ist natürlich Object.keys()der beste Weg, um die Schlüssel eines Objekts zu erhalten. Wenn es in Ihrer Umgebung nicht verfügbar ist, kann es mithilfe von Code wie in Ihrem Beispiel trivial angepasst werden (außer Sie müssen berücksichtigen, dass Ihre Schleife im Gegensatz Object.keys()zum Verhalten über alle Eigenschaften in der Prototypenkette iteriert ).

Ihr Beispielcode ...

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

jsFiddle .

... könnte geändert werden. Sie können die Zuordnung direkt im variablen Teil vornehmen .

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

jsFiddle .

Natürlich unterscheidet sich dieses Verhalten von dem, was Object.keys()tatsächlich funktioniert ( jsFiddle ). Sie können einfach die Unterlegscheibe in der MDN-Dokumentation verwenden .

Ich weiß nicht, wie ausführlich es ist, aber ich wurde durch die Einzeiler-Anfrage dazu inspiriert, das Folgende in eine Zeile zu zwingen, weiß aber nicht, wie pythonisch es ist;)

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

Falls Sie hier nach etwas suchen, um die Schlüssel eines verschachtelten Objekts mit n Tiefen als flaches Array aufzulisten:

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

Zusammenfassung

Zum Abrufen aller Schlüssel eines Objekts können Sie verwenden Object.keys(). Object.keys()Nimmt ein Objekt als Argument und gibt ein Array aller Schlüssel zurück.

Beispiel:

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

Im obigen Beispiel speichern wir ein Array von Schlüsseln in der Schlüsselkonstante. Wir können dann einfach auf die Anzahl der Eigenschaften des Objekts zugreifen, indem wir die Länge des Schlüsselarrays überprüfen.

Erhalten der Werte mit: Object.values()

Die komplementäre Funktion von Object.keys()ist Object.values(). Diese Funktion verwendet ein Objekt als Argument und gibt ein Array von Werten zurück. Zum Beispiel:

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


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

Wenn Sie sich für Underscore.js entscheiden, sollten Sie dies besser tun

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