jquery - 解析嵌套 json 以显示数据

Question

我正在尝试使用此 json 显示数据，并从“联系人”键的值构建一个下拉菜单，但我无法弄清楚这一点：

json数据：

data =     [
  {"conta":"13356","name":"MISS Two"},
  {"zip":"01111","city":"NASHUA, MA","street_a":"10 MAIN ROAD SQUARE","street_b":"Nothing"},
  {"count":"544","number":"250"},
[
  {"contact":"Mark Bre"},
  {"contact":"Mary Lou"},
  {"contact":"John Ton"},
  {"contact":"Carls Des"},
  {"contact":"Carlos Drt"}
 ]
] 

任何帮助，感谢您的关注！

Answer 1

创建选择..将其附加到您想要的元素（我将其附加到正文）...遍历您的数据..创建选项并将其附加到创建的动态选择

尝试这个

$('body').append('<select id="dynamicSelect"></select>');
var options="";
$.each(data,function(i1,val1){
       if($.isArray(val1)){
          $.each(data,function(i2,val2){
               options += "<option value="+ val2.contact +">" + val2.contact + "</option>"
          });
       }
    }
$('#dynamicSelect').append(options);

Answer 2

使用递归方式遍历数据；jsfiddle

   function showData(obj){
   for(var k in obj){
       if($.isArray(obj[k])){
            showData(obj[k]);
        }
         else{
             for(var l in obj[k]){
                $('body').append(obj[k][l]+ "   ");             
             }
             $('body').append( "<br>");
           console.log(obj[k]);
        }
    }
}