在JavaScript中获取json-object的键[重复]答案

【问题标题】：get keys of json-object in JavaScript [duplicate]在JavaScript中获取json-object的键[重复]
【发布时间】：2011-12-08 11:31:16
【问题描述】：

我在 JavaScript 中有一个 json 对象，我想在其中获取使用过的键。我的 JavaScript 代码如下所示：

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

我想要一个循环来提醒我“人”和“年龄”，它们是 json-Array 中第一个对象的键。

【问题讨论】：

这是一个 JavaScript 数组/对象，而不是 JSON。
是的，它是重复的。但我不知道我在寻找什么......

标签： javascript json

【解决方案1】：

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 有一个property keys，从那个Object 返回一个Array 的键

Chrome、FF 和 Safari 支持Object.keys

【讨论】：

这应该被接受为正确答案。效率很高！
有没有 es6/es7 语法来简化这个方法？
我一直在努力寻找一种适用于 Rhino 的方法。就是这样。 +1
我正在尝试将行从 DB 转换为 JSON。我得到数字索引以及实际的列名作为键。为什么我得到数字索引？

【解决方案2】：

[你拥有的只是一个对象，而不是“json-object”。 JSON 是一个文本符号。您引用的是使用 array initializer 和 object initializer（又名“对象文字语法”）的 JavaScript 代码。]

如果您可以依赖 ECMAScript5 功能，您可以使用 Object.keys 函数来获取对象中的键（属性名称）数组。所有现代浏览器都有Object.keys（包括IE9+）。

Object.keys(jsonData).forEach(function(key) {
    var value = jsonData[key];
    // ...
});

此答案的其余部分写于 2011 年。在当今世界，A）除非您需要支持 IE8 或更早版本（！），否则您不需要 polyfill，并且 B）如果您这样做了，您不会一次性使用您自己写的或从 SO 答案中获取的答案（在 2011 年也可能不应该这样做）。你会使用一个精选的 polyfill，可能来自 es5-shim 或通过像 Babel 这样的编译器，可以配置为包含 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 loop (more info here) 循环遍历对象具有的所有属性名称，并使用Object.prototype.hasOwnProperty 来检查属性是否由对象直接拥有，而不是被继承。

（如果没有自执行功能我也可以做到，但我更喜欢我的功能而不是have names，并且与IE兼容can't use named function expressions [嗯，不是很小心]。所以自执行函数是为了避免让函数声明创建一个全局符号。）

【讨论】：

【解决方案3】：

工作代码

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

【讨论】：