遍历JSON并在HTML表中显示每个数组项

的问题可以通过以下步骤来解决：

首先，你需要将JSON数据解析为JavaScript对象。可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象。
接下来，你可以使用JavaScript中的循环结构（如for循环或forEach方法）来遍历JSON对象中的数组项。
在循环中，你可以创建HTML表格的行和列，并将每个数组项的值插入到相应的单元格中。

下面是一个示例代码，演示如何实现这个功能：

<!DOCTYPE html>
<html>
<head>
  <title>遍历JSON并在HTML表中显示每个数组项</title>
</head>
<body>
  <table id="jsonTable">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>

  <script>
    // 假设以下是你的JSON数据
    var jsonData = '[{"name":"张三","age":25,"gender":"男"},{"name":"李四","age":30,"gender":"女"},{"name":"王五","age":28,"gender":"男"}]';

    // 将JSON数据解析为JavaScript对象
    var data = JSON.parse(jsonData);

    // 获取表格的tbody元素
    var tableBody = document.querySelector('#jsonTable tbody');

    // 遍历JSON对象中的数组项
    data.forEach(function(item) {
      // 创建表格行
      var row = document.createElement('tr');

      // 创建并插入姓名单元格
      var nameCell = document.createElement('td');
      nameCell.textContent = item.name;
      row.appendChild(nameCell);

      // 创建并插入年龄单元格
      var ageCell = document.createElement('td');
      ageCell.textContent = item.age;
      row.appendChild(ageCell);

      // 创建并插入性别单元格
      var genderCell = document.createElement('td');
      genderCell.textContent = item.gender;
      row.appendChild(genderCell);

      // 将行插入表格的tbody中
      tableBody.appendChild(row);
    });
  </script>
</body>
</html>

在上述示例中，我们首先将JSON数据解析为JavaScript对象，然后使用forEach方法遍历数组项。在循环中，我们创建了HTML表格的行和列，并将每个数组项的值插入到相应的单元格中。最后，将行插入到表格的tbody中，从而在HTML页面中显示了每个数组项的数据。

请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。另外，如果你想了解更多关于JSON、HTML表格和JavaScript的知识，可以参考以下链接：