如何使用AJAX遍历更深的json数组？

Question

我已经看过其他有关使用.each元素遍历数组的问题，但我仍然无法使函数正常工作-我在未定义的元素上遇到了引用错误，并且我想我不会在其中“深入”我嵌套的.each语句。

我的函数成功返回一个变量“ response”，其中应包含许多对象/数组。

$.each(response, function(){
     console.log(response.first_name);
}

显然这是不正确的，因为可以说还不够“深入”，但是我对如何在其中添加多个$ .each循环感到困惑。 其他问题列出了“响应”在哪里的名称，或者它们具有函数（x，test）在循环显示时显示索引。 我迷路了。

根据Google Chrome中的控制台，我的json就是这样构造的：

Object {data: Array[2]}
    data: Array[2]
        0: Object
            User: Object
                  first_name: "Steve"
                  last_name: "Ramsey"
        1: Object
            User: Object
                  first_name: "Bob"
                  last_name: "Ramsey"

如您所见，这些字段之一的名称递增，因此我知道在遍历数字时需要一个变量作为索引。 我的想法是，然后我将使用此数据在页面上吐出“ Bob Ramsey”，“ Steve Ramsey”等以及对象中可能存在的任何其他信息。

Answer 1

那么first_name似乎是对象调用User一部分，因此您需要先引用User。

var response = {
    data: [{
        User: {
            first_name: "Steve",
            last_name: "Ramsey"
        }
    },{
        User: {
            first_name: "Bob",
            last_name: "Ramsey"
        }
    }]
};

$.each(response.data, function (index, value) {
    console.log(value.User.first_name);
});

JSFiddle： http : //jsfiddle.net/8LfXF/1/