jquery - 在 JQuery 中解析 JSON Map

Question

我有以下 map ，其中每个键都是一个 map ，其值列为以下 json:

{
  "key": {
    "source": ["element1", "element2"],
    "target": ["element1", "element2"]
  },
  "key2": {
    "source": ["element1"],
    "target": ["element1"]
  }
}​

我想要执行以下操作:

1. 获取 key ( get("key2")) 将返回 map

2. 检查此 map 中的每个键(源和目标)

3. 迭代结果列表中的每个项目(element1、element2)

我怎样才能实现这个目标？

Answer 1

使用 jQuery 的 .each()循环遍历 key2项目。

var obj = $.parseJSON(yourJSONString);

$.each(obj["key2"], function(key, value){
    console.log(key); // <-- source, target
    $.each(value, function(arrKey, arrValue){
        console.log(arrValue); // <-- element1, element2 etc etc
    });
});

如果您不想指定key2到目标，并且您想要遍历所有外部对象:

$.each(obj, function(outerKey, outerValue){
    console.log(outerKey); // <-- key, key2
    $.each(outerValue, function(key, value){
        console.log(key); // <-- source, target
        $.each(value, function(arrKey, arrValue){
            console.log(arrValue); // <-- element1, element2 etc etc
        });
    });
});

您也可以在没有 jQuery 的情况下通过使用 native JSON.parse() 来实现相同的目的和嵌套 Vanilla for(var=0; i<something.length; i++)循环。