获取对象键的数组


371

我想以jQuery或纯JavaScript的形式获取JavaScript对象的键作为数组。

有没有比这更详细的方法?

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

4
除了添加if(foo.hasOwnProperty(key)),这就是我要做的。或者,使用$.map
火箭Hazmat 2012年

10
哦,尽管如此,但还是需要Pythonic的内衬……
理查德(Richard)

一个老问题,所以不值得一个完整的答案,但是对于那些想要摆弄的人来说... jsfiddle.net/LR5D9/3此解决方案处理的是使for var in x循环混乱的原型声明问题– 2014
同步

Answers:


618

用途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-shim具有可以偷实现Object.keys


5
注意:这仅适用于现代浏览器(这意味着IE <9)。
火箭Hazmat 2012年

2
那么移动浏览器呢?
Marwen Trabelsi 2014年

1
@SmartyTwiti:我不确定。我认为它可以像Chrome或Firefox一样。
火箭Hazmat

MDN也有上述所指填充工具,但在IE7笔记的错误,也许8,则是指关闭以更短的填充工具在这里:tokenposts.blogspot.com.au/2012/04/...
Campbeln

那么,在ES5之前如何做到这一点?
安德鲁S

59

您可以使用jQuery的$.map

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

或者each,如果您正在与他们一起做某事。$.each(foo, function(index, value){/* do something with index */});
克里斯

33

当然,这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文档上的填充程序


8
我喜欢var keys = [], i = 0; for (keys[i++] in foo) {}+1
Jashwant

我听说“ for in”不能保证顺序,您知道Object.keys是否可以吗?
克里斯·斯蒂芬斯

@ChrisStephens都不保证顺序,即使键最终位于有序数组中。
亚历克斯

2
当然,所有这些解决方案都需要hasOwnProperty()检查吗?
2014年

1
@TIMINeutron没有理由不应该这样做:)
Alex

7

我不那么冗长,但是我受到单线请求的启发,将以下内容强制转换为一行,但是不知道它是如何使用Pythonic的;)

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

3
也许应该是var enumerableKeysOnThePrototypeChain;)
Alex

1
也许我们足够聪明,知道如果对象完全在我们的权限范围内创建而不是从其他地方导入,那么我们不必担心hasOwnProperty
Dexygen '16

但是,它不如@alex的第二个答案(for (keys[i++] in foo) {})那样具有python风格,因为您仍在执行Array.push()(更不用说声明整个函数了)。pythonic实现应尽可能依赖于隐式理解,而使用lambda表达式则要失败。
Cowbert

4

如果您在这里寻找将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 }}}))


1

摘要

要获取对象的所有键,可以使用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

在上面的示例中,我们将键数组存储在键const中。然后,通过检查keys数组的长度,我们可以轻松地访问对象上的属性数量。

通过以下方式获取值: Object.values()

的补充功能Object.keys()Object.values()。此函数将对象作为参数并返回值数组。例如:

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


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


1

如果您决定使用Underscore.js,则最好这样做

var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' };
var keys = [];
_.each( foo, function( val, key ) {
    keys.push(key);
});
console.log(keys);
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.