一、$.each遍歷json對象 查看一個簡單的jQuery的例子來遍歷一個JavaScript數組對象。 ``` var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]; $.each(json, function(i, obj) { alert(obj.tagName); }); ``` 上面的代碼片斷工作正常，提示 “apple”, “orange” … 等，如預期一樣。 問題1: JSON 字符串。 下面的例子中，聲明了一個JSON字符串（隨附單或雙引號）直接地。 ``` var json = '[ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]'; $.each(json, function(i, obj) { alert(obj.tagName); }); ``` 在`Chrome`中，它顯示在控制臺下面的錯誤： `Uncaught SyntaxError: Unexpected token ILLEGAL` 解決方案：JSON字符串轉換為JavaScript對象。 要修復它，通過標準JSON.parse()或jQuery 的 $.parseJSON 將其轉換為JavaScript對象。 ``` var json = '[ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]'; $.each(JSON.parse(json), function(i, obj) { alert(obj.tagName); }); //or $.each($.parseJSON(json), function(i, obj) { alert(obj.tagName); }); ``` 二、json數組有長度json.arrayname.length,如果單純是json格式，那么不能直接使用json.length方式獲取長度，而應該使用其他方法。（注：arrayname為數組名） 例1： 現在有json1數據如下： ``` var json1={ "abc":[ {"name":"txt1"}, {"name","txt2"} ] }; ``` 以上遍歷的方法是： ``` for(var i=0;i<json1.abc.length;i++){ alert(json1.abc[i].name); } ``` 這里的json1.abc是一個數組，數組是由2個子json組成的，數組是有length屬性的，而普通的json是沒有該屬性的。 例2： 現在有json2數據如下： ``` var json2={"name":"txt1","name2":"txt2"}; json本身沒有length屬性，所以用length屬性自然會出錯。 [javascript] view plain copy for(var i=0;i<json2.length;i++){ alert(json2[i].text); } ``` 以上腳本執行時，將會出錯。 那么要遍歷這樣的json怎么辦呢？ 我們可以這么做： ``` for(var js2 in json2){ alert( js2 + "=" + json2[js2]); } ``` 既然json沒有length屬性，如果要知道他的長度怎么辦呢？ 很簡單，把上面的遍歷改一下就是了： ``` var jslength=0; for(var js2 in json2){ jslength++; } ``` 把這段代碼寫成一個方法，以后調用就行了： ``` function getJsonLength(jsonData){ var jsonLength = 0; for(var item in jsonData){ jsonLength++; } return jsonLength; } ```