数组写入table html,把数组里的数据在html table 里展现出来

可以使用 JavaScript 来实现将数组写入 HTML 表格中的功能。以下是一种实现方式：

HTML 代码：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

JavaScript 代码：

const data = [
  {name: '张三', age: 25, gender: '男'},
  {name: '李四', age: 30, gender: '女'},
  {name: '王五', age: 28, gender: '男'}
];

const tableBody = document.querySelector('#myTable tbody');

data.forEach((item) => {
  const row = tableBody.insertRow();
  const nameCell = row.insertCell();
  const ageCell = row.insertCell();
  const genderCell = row.insertCell();
  
  nameCell.textContent = item.name;
  ageCell.textContent = item.age;
  genderCell.textContent = item.gender;
});

在这个例子中，我们首先定义了一个数组 `data`，其中包含了三个对象，每个对象都有 `name`、`age` 和 `gender` 三个属性。然后，我们使用 `document.querySelector` 方法获取了 HTML 表格的 `<tbody>` 元素，并将其存储在 `tableBody` 变量中。

接着，我们使用 `forEach` 方法遍历了数组 `data`，对于每个数组元素，我们都创建了一行 `<tr>`，并为其中的每个单元格 `<td>` 插入了相应的数据。最后，我们使用 `textContent` 属性将数据写入单元格中。

运行上述代码，就可以在 HTML 页面中看到一个包含了数组数据的表格了。