我知道javascript中的对象是哈希但是我一直无法找到内置函数来获取密钥
var h = {a:'b',c:'d'};
我想要像
这样的东西var k = h.keys() ; // k = ['a','c'];
自己编写一个函数来迭代项目并将键添加到我返回的数组中是很简单的,但有没有一种标准的清洁方法可以做到这一点?
我一直认为它必须是一个简单的内置功能,我错过了但我找不到它!
答案 0 :(得分:271)
现代JavaScript(ECMAScript 5)中有一个名为Object.keys
的函数执行此操作:
var obj = { "a" : 1, "b" : 2, "c" : 3};
alert(Object.keys(obj)); // will output ["a", "b", "c"]
可以找到兼容性详细信息here。
在Mozilla site上还有一个向后兼容的代码段:
if(!Object.keys) Object.keys = function(o){
if (o !== Object(o))
throw new TypeError('Object.keys called on non-object');
var ret=[],p;
for(p in o) if(Object.prototype.hasOwnProperty.call(o,p)) ret.push(p);
return ret;
}
答案 1 :(得分:80)
对于需要与客户端浏览器具有较大兼容性的生产代码,我仍然建议使用垫片上面的Ivan Nevostruev的答案来确保旧版浏览器中的Object.keys
。但是,可以使用ECMA的新defineProperty
功能获得所需的确切功能。
从ECMAScript 5开始 - Object.defineProperty
从ECMA5开始,您可以使用Object.defineProperty()
来定义不可枚举的属性。 current compatibility仍然有很多不足之处,但最终应该可以在所有浏览器中使用。 (特别注意当前与IE8的不兼容性!)
Object.defineProperty(Object.prototype, 'keys', {
value: function keys() {
var keys = [];
for(var i in this) if (this.hasOwnProperty(i)) {
keys.push(i);
}
return keys;
},
enumerable: false
});
var o = {
'a': 1,
'b': 2
}
for (var k in o) {
console.log(k, o[k])
}
console.log(o.keys())
# OUTPUT
# > a 1
# > b 2
# > ["a", "b"]
但是,由于ECMA5已添加Object.keys
,您可以使用:
Object.defineProperty(Object.prototype, 'keys', {
value: function keys() {
return Object.keys(this);
},
enumerable: false
});
原始回答
Object.prototype.keys = function ()
{
var keys = [];
for(var i in this) if (this.hasOwnProperty(i))
{
keys.push(i);
}
return keys;
}
编辑:由于这个答案已经存在了一段时间,我将保持上述原因不受影响。读这篇文章的人也应该阅读下面的Ivan Nevostruev的答案。
没有办法让原型函数不可枚举,导致它们总是出现在不使用hasOwnProperty
的for-in循环中。我仍然认为如果扩展Object的原型并不那么混乱,这个答案将是理想的。
答案 2 :(得分:40)
您可以使用Object.keys
Object.keys(h)
答案 3 :(得分:33)
您可以使用Underscore.js,这是一个Javascript实用程序库。
_.keys({one : 1, two : 2, three : 3});
// => ["one", "two", "three"]
答案 4 :(得分:13)
据我所知,这是你能做的最好的事情......
var keys = [];
for (var k in h)keys.push(k);
答案 5 :(得分:8)
使用jQuery,你可以获得这样的密钥:
var bobject = {primary:"red",bg:"maroon",hilite:"green"};
var keys = [];
$.each(bobject, function(key,val){ keys.push(key); });
console.log(keys); // ["primary", "bg", "hilite"]
或者:
var bobject = {primary:"red",bg:"maroon",hilite:"green"};
$.map(bobject, function(v,k){return k;});
感谢@pimlottc
答案 6 :(得分:6)
我相信你可以使用for / in遍历对象的属性,所以你可以这样做:
function getKeys(h) {
Array keys = new Array();
for (var key in h)
keys.push(key);
return keys;
}
答案 7 :(得分:4)
答案 8 :(得分:1)
如果您只是尝试获取元素而不是函数,那么此代码可以帮助您
this.getKeys = function() {
var keys = new Array();
for(var key in this) {
if( typeof this[key] !== 'function') {
keys.push(key);
}
}
return keys;
}
这是我实现HashMap的一部分,我只想要键,this
是包含键的hashmap对象