前端开发中如何解析json数据（二）

数据二、

{

    "china":{

        "hangzhou":{"item":"1"},

        "shanghai":{"item":"2"},

        "chengdu":{"item":"3"}

    },

    "America":{

        "aa":{"item":"1"},

        "bb":{"item":"2"}  

    },

    "Spain":{

        "dd":{"item":"1"},

        "ee":{"item":"2"},

        "ff":{"item":"3"}  

    }

};

像这样的json数据，对象里面嵌套对象。Json数据的值是对象，该对象的值也是一个对象。

下面我们就来一下如何解析该json数据。



首先通过for-in循环遍历json数据value，其中countryObj 为value对象的一个属性名，value[countryObj] 为value对象的属性值， 在这里也是一个json对象如：

 "china":{

        "hangzhou":{"item":"1"},

        "shanghai":{"item":"2"},

        "chengdu":{"item":"3"}

},

它也是一个json对象，于是 value[countryObj][cityObj]["item"]便可以取到json对象中item的值，或者value[countryObj][cityObj].item。

总之分清是json还是array这是很关键的。但是如果我们用for(var cityObj in value.countryObj)遍历json数据的时候是没有用的，这一点要知道的。最终将json数据中的值显示在页面上。