javascript - 从 JSON 中获取元素属性名称

Question

我正在尝试编写一个通用函数，该函数可以处理包含任意属性的 JSON 数组。鉴于以下情况:

var propMap = '{"ddColor": "Color","ddSize": "Size", "ddOther": "Other"}'

如何在不指定的情况下迭代属性及其值？换句话说，我想迭代元素而不指定“ddColor”、“ddSize”或“ddOther”。然而，我想迭代名称及其值。

我到处寻找解决方案，但找不到，也无法使其在 jsFiddle 上工作:

var propMap = '{"ddColor": "Color","ddSize": "Size"}'

for(var x in propMap) {
    // Key: x
    // Value: propMap[x]
    alert(x + ': ' + propMap[x]);
}

当我运行上面的代码时，它似乎是一个字符一个字符地迭代。示例:

1: C
2: o
3: l
4: o
5: r

Answer 1

只需使用 for in loop :

for (var x in propMap) {
    if (propMap.<a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/HasOwnProperty" rel="noreferrer noopener nofollow">hasOwnProperty</a>(x)) {
        // Key: x
        // Value: propMap[x]
    }
}

如果这实际上是一个字符串，当然，您需要首先解析 JSON:

propMap = jQuery.<a href="https://api.jquery.com/jQuery.parseJSON/" rel="noreferrer noopener nofollow">parseJSON</a>(propMap);

Here's a jsFiddle, too.