Dapatkan berbagai kunci objek

Saya ingin mendapatkan kunci dari objek JavaScript sebagai array, baik dalam jQuery atau JavaScript murni.

Apakah ada cara yang kurang bertele-tele dari ini?

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

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

Ini adalah fitur ES5. Ini berarti ia berfungsi di semua browser modern tetapi tidak akan berfungsi di browser lawas .

ES5-shim memiliki implementasi Object.keysyang dapat Anda curi

Anda dapat menggunakan jQuery's $.map.

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

Tentu saja, Object.keys()adalah cara terbaik untuk mendapatkan kunci Object. Jika itu tidak tersedia di lingkungan Anda, itu dapat shimmed sepele menggunakan kode seperti dalam contoh Anda (kecuali Anda harus mempertimbangkan loop Anda akan beralih ke semua properti di rantai prototipe, tidak seperti Object.keys()perilaku).

Namun, kode contoh Anda ...

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

jsFiddle .

... dapat dimodifikasi. Anda dapat melakukan tugas tepat di bagian variabel .

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

jsFiddle .

Tentu saja, perilaku ini berbeda dengan apa yang Object.keys()sebenarnya dilakukan ( jsFiddle ). Anda cukup menggunakan shim pada dokumentasi MDN .

Saya tidak tahu tentang lebih sedikit verbose tetapi saya terinspirasi untuk memaksa berikut ini ke satu baris dengan permintaan satu-liner, tidak tahu seberapa Pythonic itu;)

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

Jika Anda di sini mencari sesuatu untuk mendaftar kunci-kunci objek bersarang n-depth sebagai array datar:

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

Ringkasan

Untuk mendapatkan semua kunci dari Obyek yang dapat Anda gunakan Object.keys(). Object.keys()mengambil objek sebagai argumen dan mengembalikan array semua kunci.

Contoh:

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

Pada contoh di atas kita menyimpan array kunci di const kunci. Kami kemudian dapat dengan mudah mengakses jumlah properti pada objek dengan memeriksa panjang array kunci.

Mendapatkan nilai dengan: Object.values()

Fungsi komplementer Object.keys()adalah Object.values(). Fungsi ini mengambil objek sebagai argumen dan mengembalikan array nilai. Sebagai contoh:

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


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

Jika Anda memutuskan untuk menggunakan Underscore.js sebaiknya Anda lakukan

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