Obter matriz de chaves do objeto

Gostaria de obter as chaves de um objeto JavaScript como uma matriz, em jQuery ou em JavaScript puro.

Existe uma maneira menos detalhada do que isso?

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

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

Esse é um recurso do ES5. Isso significa que ele funciona em todos os navegadores modernos, mas não nos navegadores herdados .

O ES5-shim possui uma implementação que Object.keysvocê pode roubar

Você pode usar o jQuery $.map.

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

Obviamente, Object.keys()é a melhor maneira de obter as chaves de um objeto. Se ele não estiver disponível no seu ambiente, ele pode ser banido trivialmente usando código como no seu exemplo (exceto que você precisa levar em consideração que seu loop iterará sobre todas as propriedades da cadeia de protótipos, diferentemente Object.keys()do comportamento).

No entanto, seu código de exemplo ...

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

jsFiddle .

... pode ser modificado. Você pode fazer a atribuição diretamente na parte variável .

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

jsFiddle .

Obviamente, esse comportamento é diferente do que Object.keys()realmente faz ( jsFiddle ). Você pode simplesmente usar o calço na documentação do MDN .

Eu não sei nada menos detalhado, mas fui inspirado a coagir o seguinte em uma linha pelo pedido de uma linha, mas não sei o quão Pythonic é;)

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

Caso você esteja aqui procurando algo para listar as chaves de um objeto aninhado de profundidade n como uma matriz plana:

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

Sumário

Para obter todas as chaves de um objeto, você pode usar Object.keys(). Object.keys()pega um objeto como argumento e retorna uma matriz de todas as chaves.

Exemplo:

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

No exemplo acima, armazenamos uma matriz de chaves nas chaves const. Em seguida, podemos acessar facilmente a quantidade de propriedades no objeto, verificando o comprimento da matriz de chaves.

Obtendo os valores com: Object.values()

A função complementar de Object.keys()é Object.values(). Essa função pega um objeto como argumento e retorna uma matriz de valores. Por exemplo:

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


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

Se você decidir usar o Underscore.js, é melhor fazer

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