JQuery怎麼遍歷json陣列

JQuery遍歷json陣列的方法：1、使用each遍歷，程式碼為【$.each(obj, function (n, value) {alert(n + ''】；2、jquery遍歷解析json物件1，程式碼為【for(var key in】。

本教學操作環境：windows7系統、jquery3.2.1版本，該方法適用於所有品牌電腦。

推薦：

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;
}

相關免費學習推薦：

以上就是JQuery怎麼遍歷json陣列的詳細內容，更多請關注TW511.COM其它相關文章！