在 JavaScript 中获取 json 对象的键

IT技术 javascript json
2021-01-20 21:58:54

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

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

我想要一个循环来提醒我 'person' 和 'age',它们是 json-Array 中第一个对象的键。

3个回答
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 keysArray从中返回一个Object

支持 Chrome、FF 和 Safari Object.keys

是否有 es6/es7 语法来简化此方法?
2021-03-20 21:58:54
这应该被接受为正确答案。效率很高!
2021-03-31 21:58:54
我正在尝试将行从 DB 转换为 JSON。我正在获取数字索引以及实际的列名作为键。为什么我得到数字索引?
2021-04-07 21:58:54
我一直在努力寻找一种适用于 Rhino 的方法。就是这样。+1
2021-04-13 21:58:54

[你所拥有的只是一个对象,而不是“json-object”。JSON是一种文本符号。您引用的是使用数组初始值设定项对象初始值设定项(又名“对象文字语法”)的JavaScript 代码。]

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

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

这个答案的其余部分写于 2011 年。在当今世界,A) 除非您需要支持 IE8 或更早版本 (!),否则您不需要对其进行 polyfill,并且 B) 如果您这样做了,您就不会这样做您自己写的或从 SO 答案中获取的一次性(可能也不应该在 2011 年有)。您将使用es5-shim精选的 polyfill ,可能来自或通过诸如 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循环此处有更多信息)来遍历对象具有的所有属性名称,并用于Object.prototype.hasOwnProperty检查该属性是否由对象直接拥有而不是被继承。

(我可以在没有自执行函数的情况下完成它,但我更喜欢我的函数有名称,并且为了与 IE 兼容,你不能使用命名函数表达式[好吧,不是没有非常小心]。所以自执行函数是为了避免函数声明创建全局符号。)

工作代码

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