Wie liste ich die Eigenschaften eines JavaScript-Objekts auf?

Angenommen, ich erstelle ein Objekt folgendermaßen:

var myObject =
        {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"};

Was ist der beste Weg, um eine Liste der Eigenschaftsnamen abzurufen? dh ich möchte am Ende einige variable 'Schlüssel' haben, so dass:

keys == ["ircEvent", "method", "regex"]

In modernen Browsern (IE9 +, FF4 +, Chrome5 +, Opera12 +, Safari5 +) können Sie die integrierte Object.keys- Methode verwenden:

var keys = Object.keys(myObject);

Das obige hat eine vollständige Polyfüllung, aber eine vereinfachte Version ist:

var getKeys = function(obj){
   var keys = [];
   for(var key in obj){
      keys.push(key);
   }
   return keys;
}

Ersetzen Alternativ var getKeysmit Object.prototype.keys, damit Sie rufen .keys()auf ein beliebiges Objekt. Das Erweitern des Prototyps hat einige Nebenwirkungen, und ich würde es nicht empfehlen.

Wie slashnick betonte, können Sie das Konstrukt "for in" verwenden, um ein Objekt nach seinen Attributnamen zu durchsuchen. Sie werden jedoch alle Attributnamen in der Prototypenkette des Objekts durchlaufen. Wenn Sie nur über die eigenen Attribute des Objekts iterieren möchten , können Sie die Methode Object # hasOwnProperty () verwenden. Also mit folgendem.

for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        /* useful code here */
    }
}

Wie Sam Dutton antwortete, wurde in ECMAScript 5th Edition eine neue Methode für diesen Zweck eingeführt. Object.keys()macht, was Sie wollen und wird in Firefox 4 , Chrome 6, Safari 5 und IE 9 unterstützt .

Sie können die Methode auch sehr einfach in Browsern implementieren, die sie nicht unterstützen. Einige der Implementierungen sind jedoch nicht vollständig mit Internet Explorer kompatibel. Hier ist eine kompatiblere Lösung:

Object.keys = Object.keys || (function () {
    var hasOwnProperty = Object.prototype.hasOwnProperty,
        hasDontEnumBug = !{toString:null}.propertyIsEnumerable("toString"),
        DontEnums = [ 
            'toString', 'toLocaleString', 'valueOf', 'hasOwnProperty',
            'isPrototypeOf', 'propertyIsEnumerable', 'constructor'
        ],
        DontEnumsLength = DontEnums.length;

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

        if (hasDontEnumBug) {
            for (var i = 0; i < DontEnumsLength; i++) {
                if (hasOwnProperty.call(o, DontEnums[i]))
                    result.push(DontEnums[i]);
            }   
        }

        return result;
    };
})();

Beachten Sie, dass die aktuell akzeptierte Antwort keine Prüfung auf hasOwnProperty () enthält und Eigenschaften zurückgibt , die über die Prototypenkette vererbt werden. Der berühmte DontEnum-Fehler in Internet Explorer, bei dem nicht aufzählbare Eigenschaften in der Prototypenkette dazu führen, dass lokal deklarierte Eigenschaften mit demselben Namen ihr DontEnum-Attribut erben, wird ebenfalls nicht berücksichtigt.

Durch die Implementierung von Object.keys () erhalten Sie eine robustere Lösung.

BEARBEITEN: Nach einer kürzlichen Diskussion mit kangax , einem bekannten Mitwirkenden an Prototype, habe ich die Problemumgehung für den DontEnum-Fehler basierend auf dem Code für seine hierObject.forIn() gefundene Funktion implementiert .

Beachten Sie, dass Object.keys und andere ECMAScript 5-Methoden von Firefox 4, Chrome 6, Safari 5, IE 9 und höher unterstützt werden.

Zum Beispiel:

var o = {"foo": 1, "bar": 2}; 
alert(Object.keys(o));

ECMAScript 5-Kompatibilitätstabelle: http://kangax.github.com/es5-compat-table/

Beschreibung neuer Methoden: http://markcaudill.com/index.php/2009/04/javascript-new-features-ecma5/

Object.getOwnPropertyNames(obj)

Diese Funktion zeigt zusätzlich zu den von gezeigten auch nicht aufzählbare Eigenschaften an Object.keys(obj).

In JS verfügt jede Eigenschaft über einige Eigenschaften, einschließlich eines Booleschen Werts enumerable.

Im Allgemeinen sind nicht aufzählbare Eigenschaften "interner" und werden seltener verwendet, aber es ist aufschlussreich, sie manchmal zu untersuchen, um zu sehen, was wirklich vor sich geht.

Beispiel:

var o = Object.create({base:0})
Object.defineProperty(o, 'yes', {enumerable: true})
Object.defineProperty(o, 'not', {enumerable: false})

console.log(Object.getOwnPropertyNames(o))
// [ 'yes', 'not' ]

console.log(Object.keys(o))
// [ 'yes' ]

for (var x in o)
    console.log(x)
// yes, base

Beachten Sie auch, wie:

• Object.getOwnPropertyNamesund Object.keys gehen Sie nicht die Prototypenkette hinauf, um zu findenbase
• for in tut

Weitere Informationen zur Prototypenkette finden Sie hier: https://stackoverflow.com/a/23877420/895245

Ich bin ein großer Fan der Dump-Funktion.

http://ajaxian.com/archives/javascript-variable-dump-in-coldfusion

Könnte es mit jQuery wie folgt machen:

var objectKeys = $.map(object, function(value, key) {
  return key;
});

Wenn Sie versuchen, nur die Elemente, aber nicht die Funktionen abzurufen, kann Ihnen dieser Code helfen

this.getKeys = function() {

    var keys = new Array();
    for(var key in this) {

        if( typeof this[key] !== 'function') {

            keys.push(key);
        }
    }
    return keys;
}

Dies ist Teil meiner Implementierung der HashMap und ich möchte nur die Schlüssel. "Dies" ist das Hashmap-Objekt, das die Schlüssel enthält

Dies funktioniert in den meisten Browsern, auch in IE8, und es sind keine Bibliotheken jeglicher Art erforderlich. var i ist dein Schlüssel.

var myJSONObject =  {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}; 
var keys=[];
for (var i in myJSONObject ) { keys.push(i); }
alert(keys);

Unter Browsern, die js 1.8 unterstützen:

[i for(i in obj)]

Mozilla verfügt über vollständige Implementierungsdetails zur Vorgehensweise in einem Browser, in dem dies nicht unterstützt wird. Wenn dies hilfreich ist:

if (!Object.keys) {
  Object.keys = (function () {
    var hasOwnProperty = Object.prototype.hasOwnProperty,
        hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
        dontEnums = [
          'toString',
          'toLocaleString',
          'valueOf',
          'hasOwnProperty',
          'isPrototypeOf',
          'propertyIsEnumerable',
          'constructor'
        ],
        dontEnumsLength = dontEnums.length;

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

      var result = [];

      for (var prop in obj) {
        if (hasOwnProperty.call(obj, prop)) result.push(prop);
      }

      if (hasDontEnumBug) {
        for (var i=0; i < dontEnumsLength; i++) {
          if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
        }
      }
      return result;
    };
  })();
}

Sie können es beliebig einfügen, möglicherweise jedoch in einer extensions.jsDatei oben in Ihrem Skriptstapel.

Verwenden Reflect.ownKeys()

var obj = {a: 1, b: 2, c: 3};
Reflect.ownKeys(obj) // ["a", "b", "c"]

Object.keys und Object.getOwnPropertyNames können keine nicht aufzählbaren Eigenschaften erhalten. Es funktioniert sogar für nicht aufzählbare Eigenschaften.

var obj = {a: 1, b: 2, c: 3};
obj[Symbol()] = 4;
Reflect.ownKeys(obj) // ["a", "b", "c", Symbol()]

IE unterstützt nicht (i in obj) für native Eigenschaften. Hier ist eine Liste aller Requisiten, die ich finden konnte.

Es scheint, dass Stackoverflow eine dumme Filterung durchführt.

Die Liste finden Sie unten in diesem Google-Gruppenbeitrag: - https://groups.google.com/group/hackvertor/browse_thread/thread/a9ba81ca642a63e0

Da ich in fast jedem Projekt underscore.js verwende , würde ich folgende keysFunktion verwenden:

var obj = {name: 'gach', hello: 'world'};
console.log(_.keys(obj));

Die Ausgabe davon wird sein:

['name', 'hello']

Aufbauend auf der akzeptierten Antwort.

Wenn das Objekt Eigenschaften hat, die Sie aufrufen möchten, sagen wir .properties () try!

var keys = Object.keys(myJSONObject);

for (var j=0; j < keys.length; j++) {
  Object[keys[j]].properties();
}

Die Lösung funktioniert für meine Fälle und Cross-Browser:

var getKeys = function(obj) {
    var type = typeof  obj;
    var isObjectType = type === 'function' || type === 'object' || !!obj;

    // 1
    if(isObjectType) {
        return Object.keys(obj);
    }

    // 2
    var keys = [];
    for(var i in obj) {
        if(obj.hasOwnProperty(i)) {
            keys.push(i)
        }
    }
    if(keys.length) {
        return keys;
    }

    // 3 - bug for ie9 <
    var hasEnumbug = !{toString: null}.propertyIsEnumerable('toString');
    if(hasEnumbug) {
        var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',
            'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];

        var nonEnumIdx = nonEnumerableProps.length;

        while (nonEnumIdx--) {
            var prop = nonEnumerableProps[nonEnumIdx];
            if (Object.prototype.hasOwnProperty.call(obj, prop)) {
                keys.push(prop);
            }
        }

    }

    return keys;
};