JavaScript中获取JSON对象的键

148

我在JavaScript中有一个JSON对象,我想要获取其中使用的键。我的JavaScript代码如下:

var jsonData = [{"person":"me","age":"30"},{"person":"you","age":"25"}];

我想要一个循环,弹出包含json-Array中第一个对象的'person'和'age'键。


8
这是一个 JavaScript 数组/对象,而不是 JSON。 - Felix Kling
2
是的,这是一个重复的内容。但我不知道我在寻找什么... - user1027167
3个回答

283
var jsonData = [{"person":"me","age":"30"},{"person":"you","age":"25"}];

for(var i in jsonData){
    var key = i;
    var val = jsonData[i];
    for(var j in val){
        var sub_key = j;
        var sub_val = val[j];
        console.log(sub_key);
    }
}

编辑

var jsonObj = {"person":"me","age":"30"};
Object.keys(jsonObj);  // returns ["person", "age"]

Object有一个keys属性,返回该Object的键数组。

Chrome、FF和Safari支持Object.keys


2
这应该被接受为正确答案。非常高效! - abelabbesnabi
有没有 ES6/ES7 的语法可以简化这个方法? - Gel
我曾经苦苦寻找适用于Rhino的方法,现在终于找到了。+1 - Sid
我正在尝试将数据库中的行转换为JSON格式。但是我得到了数字索引和实际列名作为键。为什么会出现数字索引? - Nguai al

134
你所拥有的只是一个对象,不是“JSON对象”。JSON是一种文本表示法。你引用的是使用数组初始化器对象初始化器(也称为“对象字面量语法”)的JavaScript代码。
如果你可以依赖ECMAScript5功能,你可以使用Object.keys函数获取对象中键(属性名称)的数组。所有现代浏览器都有Object.keys(包括IE9+)。
Object.keys(jsonData).forEach(function(key) {
    var value = jsonData[key];
    // ...
});

这篇答案的其余部分是在2011年编写的。在今天的世界中,A)除非您需要支持IE8或更早版本,否则不需要填充此内容!B)如果您确实需要,您不会使用自己编写的一次性代码或从SO答案中获取的代码(在2011年也不应该如此)。您将使用经过筛选的polyfill,可能来自es5-shim或通过可以配置包含polyfill的转换器(这些polyfill可能来自es5-shim)。

以下是2011年的答案的其余部分:

请注意,旧版浏览器将无法支持它。如果没有,则可以自己提供其中之一:

if (typeof Object.keys !== "function") {
    (function() {
        var hasOwn = Object.prototype.hasOwnProperty;
        Object.keys = Object_keys;
        function Object_keys(obj) {
            var keys = [], name;
            for (name in obj) {
                if (hasOwn.call(obj, name)) {
                    keys.push(name);
                }
            }
            return keys;
        }
    })();
}

这段代码使用for..in循环(更多信息请参考)遍历对象的所有属性名称,并使用Object.prototype.hasOwnProperty检查该属性是否直接属于该对象,而不是继承而来。

(虽然我可以不使用自执行函数,但我更喜欢给我的函数命名,并且为了兼容IE,你不能使用命名函数表达式[好吧,除非非常小心]。因此,自执行函数存在的目的是避免函数声明创建全局符号。)


25
工作代码。

var jsonData = [{person:"me", age :"30"},{person:"you",age:"25"}];

for(var obj in jsonData){
    if(jsonData.hasOwnProperty(obj)){
    for(var prop in jsonData[obj]){
        if(jsonData[obj].hasOwnProperty(prop)){
           alert(prop + ':' + jsonData[obj][prop]);
        }
    }
}
}


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接