jquery周遊json數組

一、使用each周遊

代碼如下:

     $(function () {

           var tbody = "";

           //------------周遊對象 .each的使用-------------

           //對象文法JSON資料格式(當伺服器端回調回來的對象資料格式是json資料格式，必須保證JSON的格式要求，回調的對象必須使用eval函數進行轉化（否則将得不到Object）。本文不作詳細介紹伺服器端回調的資料問題，我們将直接自定義對象)

           var obj = [{ "name": "項海軍", "password": "123456"}];

           $("#result").html("------------周遊對象 .each的使用-------------");

           alert(obj); //是個object元素

           //下面使用each進行周遊

           $.each(obj, function (n, value) {

               alert(n + ' ' + value);

               var trs = "";

               trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";

               tbody += trs;

           });

           $("#project").append(tbody);

       });

二、jquery周遊解析json對象1：

代碼如下:

 var json = [{dd:'SB',AA:'東東',re1:123},{cccc:'dd',lk:'1qw'}];

 for(var i=0,l=json.length;i<l;i++){

    for(var key in json[i]){

        alert(key+':'+json[i][key]);

    }

 }

三、jquery周遊解析json對象2

有如下 json對象：

代碼如下:

var obj ={”name”:”馮娟”,”password”:”123456″,”department”:”技術部”,”sex”:” 女”,”old”:30};

周遊方法：

代碼如下:

for(var p in obj){

    str = str+obj[p]+',';

    return str;

}

PS：這裡再為大家推薦幾款比較實用的json線上工具供大家參考使用：

線上JSON代碼檢驗、檢驗、美化、格式化工具：

http://tools.jb51.net/code/json

JSON線上格式化工具：

http://tools.jb51.net/code/jsonformat

線上XML/JSON互相轉換工具：

http://tools.jb51.net/code/xmljson

json代碼線上格式化/美化/壓縮/編輯/轉換工具：

http://tools.jb51.net/code/jsoncodeformat

線上json壓縮/轉義工具：

http://tools.jb51.net/code/json_yasuo_trans

C語言風格/HTML/CSS/json代碼格式化美化工具：

http://tools.jb51.net/code/ccode_html_css_json

如對本文有疑問，請送出到交流社群，廣大熱心網友會為你解答！！ 點選進入社群

您可能感興趣的文章:

• 淺析C/C++,Java,PHP,JavaScript,Json數組、對象指派時最後一個元素後面是否可以帶逗号
• 用javascript對一個json數組深度指派示例
• JS解析json資料并将json字元串轉化為數組的實作方法
• 以JSON形式将JS中Array對象數組傳至背景的方法
• js實作數組轉換成json
• 解析javascript 數組以及json元素的添加删除
• js數組如何添加json資料及js數組與json的差別
• jquery周遊篩選數組的幾種方法和周遊解析json對象
• json對象與數組以及轉換成js對象的簡單實作方法
• jquery下json數組的操作實作代碼
• JSON用法之将PHP數組轉JS數組，JS如何接收PHP數組
• JS實作給json數組動态指派的方法示例