遍歷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) }

結果如下

 

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