Pug模板在JSON数据对象中遍历多个数组？

我是帕格的新手。我使用JSON文件来存储pug文件中使用的数据。这是我的数据结构：

{
  "nav": {
     "titles": [
      "location",
      "reservations",
      "accomodations",
      "amenities"
    ],
    "icons": [
      "img/sprite.svg#icon-location2",
      "img/sprite.svg#icon-book",
      "img/sprite.svg#icon-key",
      "img/sprite.svg#icon-glass"
    ]
  }
}

我知道如何循环JSON中的单个数组。我的问题是如何将数据从数据对象中提取到多个项目的模板中。例如，我想循环从nav.json文件中获取标题和图标。我的哈巴狗档案是这样的

li(class="top-nav__item")
  a(class="top-nav__link")
    svg(class="top-nav__icon")
      use(xlink:href=icon)
        span=title

我试过把这些环套起来

each title in nav.titles
  each icon in nav.icons

和使用逻辑运算符

each title in nav.titles && each icon in nav.icons

像这样直接把物体扯下来

each n in nav

这些都不起作用。在帕格我该怎么做？我是否应该以不同的方式设置数据以实现此目的？或者是否有不同的方法循环并获取数据？

标题和图标对应，应该分组在一起。如果您的数据看起来像这样，您将更轻松：

{
  "nav": [{
    "title": "location",
    "icon": "img/sprite.svg#icon-location2"
  }, {
    "title": "reservations",
    "icon": "img/sprite.svg#icon-book"
  }, {
    "title": "accommodations",
    "icon": "img/sprite.svg#icon-key"
  }, {
    "title": "amenities",
    "icon": "img/sprite.svg#icon-glass"
  }]
}

---

或者，您可以在[0,1,2,3]中输入每个i，并使用i值从各自的数组中提取匹配的标题和图标。但是，依靠跨多个阵列排列的数据是一个坏主意。

谢谢@这很有效。我在nav中迭代对象w/每个I，并分配值I.titles I.icons。