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

Question

我正在尝试在Trello中显示来自各张卡的多个清单。我可以将检查列表作为多个嵌套对象访问，但我不知道如何更深入地遍历实际文本并使其成为列表项。

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

the console log

数据：http://jsbin.com/OzEdUkU/2/edit

如何遍历checkItem数组对象的名称？

Answer 1

这会处理数据集中的所有内容。 Live demo here (click).

$.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只是传统for循环的jQuery简写函数，可以替换为普通的for循环或更新的内置js函数forEach。