获取 JavaScript 中 json-object 的键

javascript json

2022-08-30 04:25:24

我在JavaScript中有一个json对象，我想在其中获取使用的键。我的 JavaScript 代码看起来像这样：

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

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

答案 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有一个，从中返回一个键propertykeysArrayObject

Chrome，FF和Safari支持Object.keys

答案 2

[你拥有的只是一个对象，而不是一个“json-object”。JSON 是一种文本表示法。您引用的是使用数组初始值设定项和对象初始值设定项（也称为“对象文本语法”）的 JavaScript 代码。

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

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

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

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