我如何在JSON数据中遍历嵌套的数组/对象

Question

我正在尝试在Trello中显示单个卡中的多个清单。我可以作为多个嵌套对象访问清单，但我不知道如何深入浏览实际文本并将其列出项目。

 Trello.get("cards/" + cardID + "/checklists", function(checklists) {
   console.log(checklists);
 });

控制台日志

数据：http：//jsbin.com/ozeduku/2/edit

如何一直穿越到CheckItem数组对象的名称？

Answer 1

这要照顾数据集中的所有内容。 live演示此处（单击）。

$.each(checkList, function(i, obj) {
  console.log(obj);
  $.each(obj.checkItems, function(j, checkItem) {
    console.log(checkItem);
  });
});

checkList是对象的数组（集合）。在您的示例数据中，checkList中有两个对象，因此第一个$.each用于每个对象。

每个对象都有一些带有字符串值的属性，并且属性checkList本身是一个数组，因此第二个$.each正在通过该对象的checkItems数组循环。checkItems仅包含具有字符串值的属性，因此没有其他嵌套。

还要注意，$.each只是传统循环的jQuery速记函数，可以用循环或较新的内置JS函数forEach替换。