Jak wyświetlić właściwości obiektu JavaScript?

Powiedzmy, że tworzę obiekt w ten sposób:

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

Jaki jest najlepszy sposób na odzyskanie listy nazw nieruchomości? tzn. chciałbym skończyć z pewnymi zmiennymi „kluczami”, takimi jak:

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

W nowoczesnych przeglądarkach (IE9 +, FF4 +, Chrome5 +, Opera12 +, Safari5 +) możesz użyć wbudowanej metody Object.keys :

var keys = Object.keys(myObject);

Powyższe ma pełne wypełnienie, ale uproszczoną wersją jest:

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

Ewentualnie wymienić var getKeysz Object.prototype.keysco pozwala zadzwonić .keys()na dowolny obiekt. Rozszerzenie prototypu ma pewne skutki uboczne i nie poleciłbym tego.

Jak wskazał slashnick , możesz użyć konstrukcji „for in”, aby iterować obiekt po nazwach atrybutów. Będziesz jednak iterował wszystkie nazwy atrybutów w łańcuchu prototypów obiektu. Jeśli chcesz iterować tylko nad własnymi atrybutami obiektu, możesz skorzystać z metody Object # hasOwnProperty () . Zatem mając następujące.

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

Jak odpowiedział Sam Dutton, w ECMAScript 5th Edition wprowadzono nową metodę do tego właśnie celu. Object.keys()zrobi co chcesz i jest obsługiwany w Firefox 4 , Chrome 6, Safari 5 i IE 9 .

Możesz także bardzo łatwo zaimplementować tę metodę w przeglądarkach, które jej nie obsługują. Jednak niektóre implementacje nie są w pełni kompatybilne z programem Internet Explorer. Oto bardziej kompatybilne rozwiązanie:

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

Zauważ, że obecnie akceptowana odpowiedź nie obejmuje sprawdzenia hasOwnProperty () i zwróci właściwości, które są dziedziczone w łańcuchu prototypów. Nie uwzględnia również słynnego błędu DontEnum w programie Internet Explorer, w którym właściwości niepoliczalne w łańcuchu prototypów powodują, że lokalnie zadeklarowane właściwości o tej samej nazwie dziedziczą ich atrybut DontEnum.

Implementacja Object.keys () zapewni bardziej niezawodne rozwiązanie.

EDYCJA: po niedawnej dyskusji z Kangaxem , znanym współpracownikiem Prototypu, zaimplementowałem obejście błędu DontEnum na podstawie kodu jego Object.forIn()funkcji znalezionej tutaj .

Pamiętaj, że Object.keys i inne metody ECMAScript 5 są obsługiwane przez Firefox 4, Chrome 6, Safari 5, IE 9 i nowsze wersje.

Na przykład:

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

Tabela zgodności ECMAScript 5: http://kangax.github.com/es5-compat-table/

Opis nowych metod: http://markcaudill.com/index.php/2009/04/javascript-new-features-ecma5/

Object.getOwnPropertyNames(obj)

Ta funkcja pokazuje także właściwości niepoliczalne, oprócz właściwości pokazanych przez Object.keys(obj).

W JS każda właściwość ma kilka właściwości, w tym wartość logiczną enumerable.

Ogólnie rzecz biorąc, niepoliczalne właściwości są bardziej „wewnętrzne” i rzadziej używane, ale czasem warto je zaglądać, aby zobaczyć, co się naprawdę dzieje.

Przykład:

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

Zwróć również uwagę, jak:

• Object.getOwnPropertyNamesi Object.keys nie wchodź do łańcucha prototypów, aby znaleźćbase
• for in robi

Więcej informacji o łańcuchu prototypów tutaj: https://stackoverflow.com/a/23877420/895245

Jestem wielkim fanem funkcji zrzutu.

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

Można to zrobić za pomocą jQuery w następujący sposób:

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

jeśli próbujesz uzyskać tylko elementy, ale nie funkcje, ten kod może ci pomóc

this.getKeys = function() {

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

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

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

jest to część mojej implementacji HashMap i chcę tylko kluczy, „to” to obiekt hashmap zawierający klucze

Działa to w większości przeglądarek, nawet w IE8, i nie są wymagane żadne biblioteki. var i jest twoim kluczem.

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

W przeglądarkach obsługujących js 1.8:

[i for(i in obj)]

Mozilla ma pełne szczegóły implementacji, jak to zrobić w przeglądarce, która nie jest obsługiwana, jeśli to pomaga:

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

Możesz dołączyć go, jak chcesz, ale być może w jakimś extensions.jspliku na górze stosu skryptów.

Posługiwać się Reflect.ownKeys()

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

Object.keys i Object.getOwnPropertyNames nie może dostać zakaz przeliczalna właściwości. Działa nawet w przypadku właściwości niepoliczalnych .

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

IE nie obsługuje (i in obj) dla właściwości rodzimych. Oto lista wszystkich rekwizytów, które mogłem znaleźć.

Wygląda na to, że stackoverflow robi głupie filtrowanie.

Lista jest dostępna na dole tego posta grupy google: - https://groups.google.com/group/hackvertor/browse_thread/thread/a9ba81ca642a63e0

Ponieważ używam underscore.js w prawie każdym projekcie, użyłbym keysfunkcji:

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

Wynikiem będzie:

['name', 'hello']

Opierając się na przyjętej odpowiedzi.

Jeśli obiekt ma właściwości, które chcesz nazwać, powiedz .properties () spróbuj!

var keys = Object.keys(myJSONObject);

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

Rozwiązanie działa w moich przypadkach i w różnych przeglądarkach:

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