遍历对象+数组+对象

Question

找人来，

我试过翻阅一堆教程，但似乎找不到详细介绍这一内容的教程。也许有人能为我指明正确的方向。

我有一个.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对象和1: 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);
});

Answer 2

据我所知，没有一种奇特的方法可以像在Ruby中那样获取JS中的"Hash“值。

为什么不直接用下面这样的东西呢？

$('.dbUL').append('<li>' + key + ' : ' + val.firstName + ' ' + val.lastName + '</li>');