遍歷json數據的幾種方式

　　json(JavaScript Object Notation),json是一種多用於存儲和交換文本信息的語法。他可以進行數據的傳輸，一般和ajax一塊兒使用。它具備體積小、速度快，易解析等諸多優勢。

使用json首先要學習如何獲取json的數據。json相似Java裏的map集合，二者的數據都是由鍵值對構成的。鍵能夠使用引號，也能夠不使用引號。

1.定義json

//基本格式
var category= {"id": "1",  'name': "JavaSe"};
        
var categorys= [{"id": "1",  'name': "JavaSe"}, {"id": "2", 'name': "JavaEe"}, {"id": "3", 'name': "前端"}, {"id": "4", 'name': "其餘"}]; 

2.獲取數據的幾種方式

2.1 使用json對象名.鍵名獲取數據

var target = category.name;

2.2 使用json對象名[鍵名]獲取數據

var target = category[name];

2.3 使用json數組對象名[索引]獲取數據

var target = categorys[0];

2.4 遍歷json數組獲取數據

從服務器端獲取到的數據

[SysCategory{id=1, name='JavaSe'}, SysCategory{id=2, name='JavaEE'}, SysCategory{id=3, name='前端'}, SysCategory{id=4, name='其餘'}]

打印數據以下

開始遍歷：

//遍歷1
for (var c in categorys) {
         var option = document.createElement("option"); option.setAttribute("value", categorys[c].id); option.innerText = categorys[c].name; select.appendChild(option) } //遍歷2 for (var i = 0; i <categorys.length; i++) { var option = document.createElement("option"); option.setAttribute("value", categorys[i].id); option.innerText = categorys[i].name; select.appendChild(option) }

結果以下

 

能夠看到，服務器端的數據已經成功顯示到頁面上的下拉菜單上。