前端開發中如何解析json數據(三)

數據三:

{

"china":[

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

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

{"name":"sichuan", "item":"3"}

],

"America":[

{"name":"aa", "item":"12"},

{"name":"bb", "item":"2"}

],

"Spain":[

{"name":"cc", "item":"1"},

{"name":"dd", "item":"23"},

{"name":"ee", "item":"3"}

]

};

上述代碼也是json數據的一種表現形式,而且該形式也是很常見的,最外層是一個對象,對象中鍵對應的值是一個數組。數組里面又包含json對象。在網絡請求這里,這樣的json數據也是很常見的,下面我們就來看一下如何解析這樣的json數據。

首先是通過for-in循環遍歷json數據value2,countryObj為value2對象的屬性名,value2[countryObj]為value2對象屬性值在這里它是一個數組,cityObj是數組的一個元素,如:china對應的值:

[

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

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

{"name":"sichuan", "item":"3"}

],

就是一個數組,其中{"name":"hangzhou", "item":"1"},也是一個json數據。于是,value2[countryObj][cityObj]["name"]就訪問到該對象的name的屬性值,也可以通過value2[countryObj][cityObj].name來訪問該屬性值。在這里將json解析的數據顯示在頁面上。

對于這種數據類型,我們還可以采用另外一種方式解析

for (var countryObj in value2)

{

document.write(countryObj + ":
")

//document.write("? " + value2[countryObj].length);

for (var i = 0;i < value2[countryObj].length; i++)

{

document.write("? " + value2[countryObj][i]["name"] + "
");

}

}

顯示的結果:

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • json教程從入門到使用 一:入門 簡介: JSON(JavaScriptObject Notation)、輕量級...
    追逐黃昏的太陽閱讀 1,479評論 0 3
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,949評論 18 139
  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現...
    mo默22閱讀 1,327評論 0 5
  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,798評論 0 8
  • 傍晚,雨過天晴 散步,秋風颯爽 仰望,藍天白云 藍天,呈湛藍狀 白云,緩緩前行 我看到,云在動 我猜想,它去哪? ...
    夜子未央閱讀 251評論 0 1