Блог

Я хотел бы получить ключи объекта JavaScript в виде массива либо в jQuery, либо в чистом JavaScript.

Есть ли менее подробный способ, чем этот?

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

Воспользуйся 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). 

Это функция ES5. Это означает, что он работает во всех современных браузерах, но не будет работать в устаревших браузерах.

В ES5-прокладке есть реализация Object.keys , которую вы можете украсть

Вы можете использовать jQuery $.map .

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

Конечно, Object.keys() это лучший способ получить ключи объекта. Если он недоступен в вашей среде, его можно тривиально изменить с помощью кода, например, в вашем примере (за исключением того, что вам нужно будет учитывать, что ваш цикл будет повторяться по всем свойствам в цепочке прототипов, в отличие Object.keys() от поведения).

Однако ваш пример кода…

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

jsFiddle.

…может быть изменен. Вы можете выполнить задание прямо в переменной части.

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

jsFiddle.

Конечно, такое поведение отличается от того, что Object.keys() происходит на самом деле (jsFiddle). Вы можете просто использовать прокладку в документации MDN.

На случай, если вы здесь ищете что-то, чтобы перечислить ключи вложенного объекта n-глубины в виде плоского массива:

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

Я не знаю о менее подробном, но я был вдохновлен, чтобы принудить следующее к одной строке с помощью однострочного запроса, хотя не знаю, насколько это питоническо 😉

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

Краткие сведения

Для получения всех ключей объекта вы можете использовать Object.keys() . Object.keys() принимает объект в качестве аргумента и возвращает массив всех ключей.

Пример:

 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 

В приведенном выше примере мы храним массив ключей в keys const. Затем мы можем легко получить доступ к количеству свойств объекта, проверив длину массива ключей.

Получение значений с помощью: Object.values()

Дополнительная функция Object.keys() ис Object.values() . Эта функция принимает объект в качестве аргумента и возвращает массив значений. Например:

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


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

Если вы решите использовать Underscore.js тебе лучше это сделать

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

2022 год, а в JavaScript все еще нет надежного способа работы с хэшами?

Это выдает предупреждение, но работает:

 Object.prototype.keys = function() { return Object.keys(this) }
console.log("Keys of an object: ", { a:1, b:2 }.keys() )

// Keys of an object:  Array [ "a", "b" ]
// WARN: Line 8:1:  Object prototype is read only, properties should not be added  no-extend-native
 

Тем не менее, Расширение встроенных объектов является спорным.