jquery - 遍历对象+数组+对象

Question

这个问题已经有答案了:

How can I access and process nested objects, arrays, or JSON? (31 个回答)

已关闭 9 年前。

找人，

我尝试浏览一堆教程，但似乎找不到详细介绍这一点的教程。也许有人可以指出我正确的方向。

我有一个如下所示的 .json 文件:

{
    "users": [{
        "firstName": "John",
        "lastName": "Doe"
    }, {
        "firstName": "Sabrina",
        "lastName": "Doe"
    }]
}

我想运行 .each 循环并获取所有用户。这是我尝试过的:

$.getJSON("database.json", function(data) {
    $.each(data.users, function(key, val) {
        $('.dbUL').append('<li>' + key + ' : ' + val + '</li>');
    });
});

所以看起来它实际上确实吐出了数组，因为我得到了 0 : [object Object] 和 1 : [object Object] 的输出。

我的问题是，如何深入数组并实际吐出我存储在数组中的对象？

Answer 1

了解您想要获得的属性(fistName、lastName): jsBin

$.getJSON("database.json", function(data) {
    $.each(data.users, function(idx, val) {
        $('.dbUL').append('<li>' + val.firstName + ' : ' + val.lastName + '</li>');
    });
});

不知道您想要获得的属性: jsBin

$.getJSON("database.json", function(data) {

    var LIhtml = "";

    $.each(data.users, function(idx, obj) { 

      LIhtml += "<li>";

      for(var key in obj){
        if(obj.hasOwnProperty(key)){
          LIhtml += obj[key]+" ";
        }
      } 

      LIhtml += '</li>';

    });

    $('.dbUL').append(LIhtml);
});