Bir JavaScript nesnesinin özellikleri nasıl listelenir?

Diyelim ki bir nesne oluşturuyorum:

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

Mülk adlarının bir listesini almanın en iyi yolu nedir? yani ben bazı değişken 'anahtarları' ile sonuçlandırmak istiyorum ki:

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

Modern tarayıcılarda (IE9 +, FF4 +, Chrome5 +, Opera12 +, Safari5 +) yerleşik Object.keys yöntemini kullanabilirsiniz:

var keys = Object.keys(myObject);

Yukarıda tam bir çoklu dolgu var, ancak basitleştirilmiş bir versiyon:

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

Alternatif olarak , herhangi bir nesneyi çağırmanıza izin vermek için var getKeysile değiştirin . Prototipin genişletilmesinin bazı yan etkileri vardır ve bunu tavsiye etmem.Object.prototype.keys.keys()

Slashnick'in işaret ettiği gibi , "for in" yapısını, öznitelik adları için bir nesne üzerinde yineleme yapmak için kullanabilirsiniz. Ancak, nesnenin prototip zincirindeki tüm öznitelik adlarını yineleyeceksiniz. Yalnızca nesnenin kendi öznitelikleri üzerinden yineleme yapmak istiyorsanız, Object # hasOwnProperty () yöntemini kullanabilirsiniz. Böylece aşağıdakilere sahip.

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

Sam Dutton'un yanıtladığı gibi, bu amaç için yeni bir yöntem ECMAScript 5. Baskıda tanıtıldı. Object.keys()istediğinizi yapar ve Firefox 4 , Chrome 6, Safari 5 ve IE 9'da desteklenir .

Yöntemi, desteklemeyen tarayıcılara da kolayca uygulayabilirsiniz. Ancak, bazı uygulamalar Internet Explorer ile tam uyumlu değildir. İşte daha uyumlu bir çözüm:

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

Şu anda kabul edilen yanıtın hasOwnProperty () için bir denetim içermediğini ve prototip zinciri aracılığıyla devralınan özellikleri döndüreceğini unutmayın. Ayrıca, Internet Explorer'daki prototip zincirindeki numaralandırılamayan özelliklerin aynı adla yerel olarak bildirilen özelliklerin DontEnum özniteliklerini devralmasına neden olduğu ünlü DontEnum hatasını da hesaba katmaz.

Object.keys () uygulamak size daha sağlam bir çözüm sağlayacaktır.

EDIT: Prototip iyi bilinen bir katkıda bulunan kanguru ile yakın zamanda yapılan bir tartışma sonrasında , buradaObject.forIn() bulunan işlevi için kod dayalı DontEnum hata için geçici çözüm uyguladı .

Object.keys ve diğer ECMAScript 5 yöntemlerinin Firefox 4, Chrome 6, Safari 5, IE 9 ve üstü tarafından desteklendiğini unutmayın.

Örneğin:

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

ECMAScript 5 uyumluluk tablosu: http://kangax.github.com/es5-compat-table/

Yeni yöntemlerin açıklaması: http://markcaudill.com/index.php/2009/04/javascript-new-features-ecma5/

Object.getOwnPropertyNames(obj)

Bu işlev, ile gösterilenlere ek olarak numaralandırılamayan özellikleri de gösterir Object.keys(obj).

JS'de her mülk, bir boole dahil olmak üzere birkaç özelliğe sahiptir enumerable.

Genel olarak, numaralandırılamayan özellikler daha "içsel" ve daha az kullanılır, ancak gerçekten neler olup bittiğini görmek için bazen onlara bakmak içgörü sahibidir.

Misal:

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

Ayrıca aşağıdakilere de dikkat edin:

• Object.getOwnPropertyNamesve Object.keys yok bulmak için prototip zincirini kadar gitmekbase
• for in yapar

Burada prototip zinciri hakkında daha fazla bilgi: https://stackoverflow.com/a/23877420/895245

Döküm fonksiyonunun büyük bir hayranıyım.

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

Aşağıdaki gibi jQuery ile yapabilirdi:

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

yalnızca öğeleri almaya çalışıyorsanız, ancak fonksiyonları almıyorsanız, bu kod size yardımcı olabilir

this.getKeys = function() {

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

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

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

bu benim HashMap uygulamamın bir parçası ve sadece anahtarları istiyorum, "bu" anahtarları içeren hashmap nesnesidir

Bu, IE8'de bile çoğu tarayıcıda çalışır ve herhangi bir tür kitaplığa gerek yoktur. var i senin anahtarın.

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

Js 1.8'i destekleyen tarayıcılar altında:

[i for(i in obj)]

Mozilla, desteklenmediği bir tarayıcıda nasıl yapılacağına ilişkin tüm uygulama ayrıntılarına sahiptir , bu yardımcı olur:

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

İstediğiniz gibi ekleyebilirsiniz, ancak muhtemelen extensions.jskomut dosyası yığınınızın üst kısmındaki bir tür dosyaya ekleyebilirsiniz.

kullanım Reflect.ownKeys()

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

Object.keys ve Object.getOwnPropertyNames numaralandırılamayan özellikler alamıyor . Numaralandırılamayan özellikler için bile çalışıyor .

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

IE yerel özellikler için (objede i) desteklemez. İşte bulabildiğim tüm aksesuarların listesi.

Stackoverflow bazı aptal filtreleme yapar gibi görünüyor.

Liste, bu google grup yayınının alt kısmında bulunur: - https://groups.google.com/group/hackvertor/browse_thread/thread/a9ba81ca642a63e0

Kullandığım yana underscore.js hemen her projede, ben kullanırım keysişlevi:

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

Bunun çıktısı:

['name', 'hello']

Kabul edilen cevap üzerine inşa.

Nesne aramak istediğiniz özelliklere sahipse demek .properties () deneyin!

var keys = Object.keys(myJSONObject);

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

Çözüm, vakalarımda ve çapraz tarayıcıda çalışıyor:

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