前端中把数组里面的元素添加到表格

可以使用JavaScript中的DOM操作，遍历数组并动态生成HTML元素，然后将生成的HTML元素插入到表格中。

以下是一个简单的示例：

HTML部分：

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

JavaScript部分：

const data = [
  { name: '张三', age: 18, gender: '男' },
  { name: '李四', age: 20, gender: '女' },
  { name: '王五', age: 22, gender: '男' }
];

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

for (let i = 0; i < data.length; i++) {
  const tr = document.createElement('tr');
  const tdName = document.createElement('td');
  const tdAge = document.createElement('td');
  const tdGender = document.createElement('td');

  tdName.textContent = data[i].name;
  tdAge.textContent = data[i].age;
  tdGender.textContent = data[i].gender;

  tr.appendChild(tdName);
  tr.appendChild(tdAge);
  tr.appendChild(tdGender);

  tbody.appendChild(tr);
}

这段代码会遍历数组中的每个元素，生成一个HTML的`<tr>`元素，并将元素的值插入到对应的`<td>`元素中，最后将`<tr>`元素插入到表格的`<tbody>`中。