jQuery .each() 总是返回无法读取未定义的属性“名称”

Question

我正在尝试使用 jQuery .each() 方法列出搜索结果。不幸的是，它似乎总是输出undefined，即使我在我的数组中定义了它。

我的 JSON 如下所示：

{
     "count":2,
     "results":[
             {
                 "title":"AirMech\u00ae Arena",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
             {
                 "title":"Game Title 2",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
             {
                 "title":"Game Title 3",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
      ]
}

然后我尝试这样做：

$.each(results, function(index, value) {
    $("#search-results").append(value["results"]["name"]);
});

我试过value["results"][0]["name"]、value[0]["results"]["name"]、value[0]["results"][0]["name"]

无论我尝试什么，它似乎总是返回未定义的错误。

可能是什么原因？

---

更新代码

            $.each(results, function(index, value) {
                $("#search-results").append(value["title"]);
                alert(value["title"]); // alerts undefined
            });

Answer 1

您的对象中没有 name 键。相反，您可能正在寻找title。此外，您在 results 上循环，所以 value 在您的每个函数中是 results。没有results.results，所以它返回了undefined。

更新为将您的对象分配给名为myObject 的变量。

var myObject = {
     "count":2,
     "results":[
             {
                 "title":"AirMech\u00ae Arena",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
             {
                 "title":"Game Title 2",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
             {
                 "title":"Game Title 3",
                 "releasedate":"2015-05-05T00:00:00Z",
                 "icon":""
             },
      ]
}

这应该适合你：

$.each(myObject.results, function(index, value) {
    $("#search-results").append(value.title); // <-- you have title not name
});

如果您想使用您使用的语法来获取密钥，这也可以：

$.each(myObject.results, function(index, value) {
    $("#search-results").append(value["title"]); // <-- you have title not name
});

查看工作演示：https://codepen.io/mccambridge/pen/pKYbWv

Answer 2

我可以看到您的 Json 对象，如果您仔细阅读，您正在尝试访问键 results，然后在 results 下只有三个子键

• 标题
• 发布日期
• 图标

我在其中找不到 Name 键，但是在访问时，您正在写：

value["results"]["name"]

如果对象中不存在键 name，您将如何访问该键？

如果您正在寻找标题：

results[0].title
results[0].releasedate
results[0]. icon

results[1].title
results[1].releasedate
results[1]. icon

我认为这会帮助你并帮助你理清逻辑。所以在你的循环中它将是：

$.each(results, function(index, value) {
    $("#search-results").append(value.title);
    $("#search-results").append(value.releasedate);
    $("#search-results").append(value.icon);
});