繁体   English   中英

在 JavaScript 中获取 json 对象的键 [重复]

[英]get keys of json-object in JavaScript [duplicate]

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

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

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

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

[你所拥有的只是一个对象,而不是“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 ,可能来自es5-shim或通过像 Babel 这样的转译器可以配置为包含es5-shim (可能来自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]); } } } }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM