Nesne anahtar dizisini alın

Bir JavaScript nesnesinin anahtarlarını bir dizi olarak jQuery veya saf JavaScript olarak almak istiyorum.

Bundan daha az ayrıntılı bir yol var mı?

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

Kullanım 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).

Bu bir ES5 özelliğidir. Bu, tüm modern tarayıcılarda çalıştığı, ancak eski tarayıcılarda çalışmadığı anlamına gelir .

ES5-shim'in çalabileceğiniz bir uygulaması varObject.keys

JQuery's kullanabilirsiniz $.map.

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

Tabii ki, bir Nesnenin anahtarlarını almanın Object.keys()en iyi yolu. Ortamınızda yoksa , örneğinizdeki gibi kod kullanılarak önemsiz bir şekilde takılabilir (ancak, döngünüzün , Object.keys()davranışının aksine, prototip zincirindeki tüm özellikler üzerinde yineleneceğini dikkate almanız gerekir ).

Ancak, örnek kodunuz ...

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

jsFiddle .

... değiştirilebilir. Atamayı doğrudan değişken kısımda yapabilirsiniz.

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

jsFiddle .

Tabii ki, bu davranış Object.keys()gerçekte ne yaptığından farklıdır ( jsFiddle ). MDN belgelerindeki şimi kullanabilirsiniz .

Daha az ayrıntılı bilmiyorum ama tek satırlık taleple aşağıdakileri bir satıra zorlamak için ilham aldım, ne kadar Pitonik olduğunu bilmiyorum;)

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

Burada, n derinlikli iç içe bir nesnenin anahtarlarını düz bir dizi olarak listelemek için bir şey arıyorsanız:

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

özet

Bir Nesnenin tüm anahtarlarını almak için kullanabilirsiniz Object.keys(). Object.keys()bir nesneyi bağımsız değişken olarak alır ve tüm anahtarların bir dizisini döndürür.

Misal:

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

Yukarıdaki örnekte, const. Daha sonra, keys dizisinin uzunluğunu kontrol ederek nesne üzerindeki özellik miktarına kolayca erişebiliriz.

Değerlerin alınması: Object.values()

Tamamlayıcı fonksiyonu Object.keys()olan Object.values(). Bu işlev, bir nesneyi bağımsız değişken olarak alır ve bir değer dizisi döndürür. Örneğin:

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


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

Underscore.js kullanmaya karar verirseniz,

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