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

Question

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

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

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

Answer 1

这会处理您数据集中的所有内容。 现场演示在这里（单击）。

$.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代替。