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

Question

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

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

控制台日志

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

如何一直遍历到 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。