下面是关于json数据的列循环示例的完整攻略，包含两条示例说明。

JSON数据的列循环示例

什么是JSON?

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于一个子集的JavaScript编程语言，易于读取和编写。 JSON格式是失效的，意味着基于所有现代编程语言的解析器都可以读取和解析JSON数据格式。

JSON数据的列循环示例

假设我们有以下的JSON数据：

[
  {
    "name": "Tom",
    "age": 23,
    "gender": "male"
  },
  {
    "name": "Mary",
    "age": 19,
    "gender": "female"
  },
  {
    "name": "Peter",
    "age": 45,
    "gender": "male"
  }
]

我们想要将这些数据展示在一个表格中，我们可以使用列循环来实现这个目标。例子如下：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody>
    <!-- 开始循环 -->
    {{#each users}}
      <tr>
        <td>{{name}}</td>
        <td>{{age}}</td>
        <td>{{gender}}</td>
      </tr>
    {{/each}}
    <!-- 结束循环 -->
  </tbody>
</table>

在这个例子中，我们使用{{#each}}和{{/each}}表示循环开始和结束的标记。我们通过users来指向我们的JSON数据。我们使用{{name}}，{{age}}和{{gender}}来从JSON数据中提取数据，然后填充到表格中。

示例说明

示例1：数组形式的JSON数据

JSON数据的展示常常使用数组的形式，比如商城订单数据或者搜索结果数据。我们可以使用列循环的方式，将信息展示在列表或表格中。

以下是一个数组形式的JSON数据：

[
  {
    "product": "iPhone X",
    "price": 6999
  },
  {
    "product": "iPad Pro",
    "price": 7999
  },
  {
    "product": "MacBook Pro",
    "price": 14999
  }
]

我们可以循环展示这些数据：

<ul>
  {{#each products}}
    <li>{{product}}: ￥{{price}}</li>
  {{/each}}
</ul>

示例2：嵌套的JSON数据

有时候，JSON数据也可能是嵌套的。嵌套的JSON数据可以使用列循环来展示。

以下是一个嵌套的JSON数据：

{
  "name": "Tom",
  "contacts": [
    {
      "type": "phone",
      "value": "88888"
    },
    {
      "type": "email",
      "value": "[e-mail]"
    }
  ]
}

我们可以展示联系方式：

<h2>{{name}}</h2>
<ul>
  {{#each contacts}}
    <li>{{type}}: {{value}}</li>
  {{/each}}
</ul>

在这个例子中，我们使用{{#each}}和{{/each}}列循环来展示所有的联系方式。我们使用{{type}}和{{value}}来访问联系方式类型和值。