Bagaimana cara mendaftar properti dari objek JavaScript?

Katakanlah saya membuat objek dengan demikian:

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

Apa cara terbaik untuk mengambil daftar nama properti? yaitu saya ingin berakhir dengan beberapa 'kunci' variabel sehingga:

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

Di browser modern (IE9 +, FF4 +, Chrome5 +, Opera12 +, Safari5 +) Anda dapat menggunakan metode Object.keys bawaan :

var keys = Object.keys(myObject);

Di atas memiliki polyfill lengkap tetapi versi yang disederhanakan adalah:

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

Atau ganti var getKeysdengan Object.prototype.keysuntuk memungkinkan Anda memanggil .keys()objek apa pun. Memperluas prototipe memiliki beberapa efek samping dan saya tidak akan merekomendasikan melakukannya.

Seperti yang ditunjukkan slashnick , Anda dapat menggunakan konstruk "for in" untuk beralih pada objek untuk nama atributnya. Namun Anda akan mengulangi semua nama atribut dalam rantai prototipe objek. Jika Anda ingin hanya mengulangi atribut objek itu sendiri, Anda dapat menggunakan metode Object # hasOwnProperty () . Dengan demikian memiliki yang berikut.

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

Sebagaimana Sam Dutton menjawab, metode baru untuk tujuan ini telah diperkenalkan dalam ECMAScript Edisi ke-5. Object.keys()akan melakukan apa yang Anda inginkan dan didukung di Firefox 4 , Chrome 6, Safari 5 dan IE 9 .

Anda juga dapat dengan mudah mengimplementasikan metode di browser yang tidak mendukungnya. Namun, beberapa implementasi di luar sana tidak sepenuhnya kompatibel dengan Internet Explorer. Inilah solusi yang lebih kompatibel:

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

Perhatikan bahwa jawaban yang saat ini diterima tidak termasuk cek untuk hasOwnProperty () dan akan mengembalikan properti yang diwarisi melalui rantai prototipe. Itu juga tidak memperhitungkan bug DontEnum yang terkenal di Internet Explorer di mana properti yang tidak dapat dihitung pada rantai prototipe menyebabkan properti yang dideklarasikan secara lokal dengan nama yang sama untuk mewarisi atribut DontEnum mereka.

Menerapkan Object.keys () akan memberi Anda solusi yang lebih kuat.

EDIT: mengikuti diskusi baru-baru ini dengan kangax , kontributor terkenal untuk Prototipe, saya mengimplementasikan solusi untuk bug DontEnum berdasarkan kode untuk Object.forIn()fungsinya yang ditemukan di sini .

Perhatikan bahwa Object.keys dan metode ECMAScript 5 lainnya didukung oleh Firefox 4, Chrome 6, Safari 5, IE 9 dan lebih tinggi.

Sebagai contoh:

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

Tabel kompatibilitas ECMAScript 5: http://kangax.github.com/es5-compat-table/

Deskripsi metode baru: http://markcaudill.com/index.php/2009/04/javascript-new-features-ecma5/

Object.getOwnPropertyNames(obj)

Fungsi ini juga menunjukkan properti yang tidak dapat dihitung selain yang ditunjukkan oleh Object.keys(obj).

Di JS, setiap properti memiliki beberapa properti, termasuk boolean enumerable.

Secara umum, properti non-enumerable lebih "internalis" dan lebih jarang digunakan, tetapi kadang-kadang wawasan untuk melihat mereka untuk melihat apa yang sebenarnya terjadi.

Contoh:

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

Perhatikan juga bagaimana:

• Object.getOwnPropertyNamesdan Object.keys jangan naik rantai prototipe untuk menemukanbase
• for in tidak

Lebih lanjut tentang rantai prototipe di sini: https://stackoverflow.com/a/23877420/895245

Saya penggemar berat fungsi dump.

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

Bisa melakukannya dengan jQuery sebagai berikut:

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

jika Anda mencoba untuk mendapatkan elemen saja tetapi bukan fungsinya maka kode ini dapat membantu Anda

this.getKeys = function() {

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

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

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

ini adalah bagian dari implementasi HashMap saya dan saya hanya ingin kunci, "ini" adalah objek hashmap yang berisi kunci

Ini akan berfungsi di sebagian besar browser, bahkan di IE8, dan tidak ada perpustakaan apa pun yang diperlukan. var saya adalah kunci Anda.

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

Di bawah browser yang mendukung js 1.8:

[i for(i in obj)]

Mozilla memiliki detail implementasi lengkap tentang cara melakukannya di browser yang tidak didukung, jika itu membantu:

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

Anda dapat memasukkannya extensions.jssesuka Anda, tetapi mungkin di beberapa jenis file di bagian atas tumpukan skrip Anda.

Menggunakan Reflect.ownKeys()

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

Object.keys dan Object.getOwnPropertyNames tidak bisa mendapatkan properti yang tidak dapat dihitung . Ini berfungsi bahkan untuk properti yang tidak dapat dihitung .

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

IE tidak mendukung untuk (i in obj) untuk properti asli. Berikut adalah daftar semua alat peraga yang dapat saya temukan.

Tampaknya stackoverflow melakukan beberapa penyaringan bodoh.

Daftar ini tersedia di bagian bawah posting grup google ini: - https://groups.google.com/group/hackvertor/browse_thread/thread/a9ba81ca642a63e0

Karena saya menggunakan underscore.js di hampir setiap proyek, saya akan menggunakan keysfungsi:

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

Output dari itu adalah:

['name', 'hello']

Membangun jawaban yang diterima.

Jika Objek memiliki properti yang ingin Anda panggil katakan .properties () coba!

var keys = Object.keys(myJSONObject);

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

Solusinya bekerja pada kasing dan lintas browser saya:

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