javascript學習-建立json對象資料，遍曆，javascriptjson

javascript學習-建立json對象資料，遍曆，javascriptjson

之前我已經有講過後台返回json資料到前台，並在前台遍曆json資料。

這裡講下直接在JS裡建立JSON資料，然後遍曆使用~

建立代碼如下：（建立的是JSON對象）

var YearSelect = {};        var Year = 2014;var DateOption;for (var i = Year; i < Year + 12; i++) {DateOption = {'Year':i, 'Month':i-Year+1};//alert(DateOption.Year)YearSelect[i] = DateOption;}

這裡是建立一個JSON對象，包括了年份和月份的資料。

我為什麼建立JSON對象，是因為我對JSON對象比較熟悉。php後台返回的也是json對象。

json對象沒有length屬性~~

所以遍曆的話要：

for(var key in YearSelect){alert(YearSelect[key].Year);alert(YearSelect[key].Month);}

這樣就可以了~

記住一定要分辨好json的對象和數組~不然就一直是undenfined

javascript 怎遍曆json格式資料?

<script type="text/javascript">

var jsn=
[{"Id":14,"Name":"政治","ParentId":0},{"Id":15,"Name":"法律","ParentId":0},{"Id":16,"Name":"科技","ParentId":0},{"Id":17,"Name":"娛樂","ParentId":0},{"Id":18,"Name":"時尚","ParentId":0},{"Id":19,"Name":"旅遊","ParentId":0},{"Id":20,"Name":"教育","ParentId":0},{"Id":21,"Name":"環保","ParentId":0},{"Id":22,"Name":"社會","ParentId":0},{"Id":23,"Name":"心理","ParentId":0},{"Id":24,"Name":"中醫","ParentId":0},{"Id":25,"Name":"西醫","ParentId":0},{"Id":26,"Name":"社交","ParentId":0},{"Id":27,"Name":"IT","ParentId":0},{"Id":28,"Name":"汽車","ParentId":0}];

document.write('<table border="1">');
document.write('<tr>');
document.write('<td>id</td>');
document.write('<td>name</td>');
document.write('<td>parentid</td>');
document.write('</tr>&......餘下全文>>
 
js遍曆json對象讀資料

var jsondata = yourdata;
for(var x in jsondata){
document.write(x+"="+jsondata[x]);
}
如果是jsonarray就外面套一層for即可
var jsonarray =yourarray;
for(var i =0;i<jsonarray.length;i++){
var jsonobj = jsonarray[i];
for(var x in jsonobj){
document.write(x+"="+jsonobj[x]);
}
}