一尘不染

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

javascript

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

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

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


阅读 360

收藏
2020-05-01

共1个答案

一尘不染

[您所拥有的只是一个对象,而不是“json-object”。JSON是一种文本符号。您引用的是使用数组初始化程序和对象初始化程序(也称为“对象文字语法”)的JavaScript代码。]

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

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

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

(我本可以在没有自我执行功能的情况下完成此操作,但是我更喜欢我的函数具有names,并且为了与IE兼容,您不能使用命名函数表达式[好吧,并非没有多大注意]。因此,自我执行函数是为了避免让函数声明创建全局符号。)

2020-05-01