如何把控制臺上獲取的數組渲染到表格中去

渲染數組到表格需要先創建一個表格 DOM 元素，然后遍歷數組中的每一個元素，創建表格的行和列，將每個元素填充到對應的單元格中。以下是一個示例代碼：

HTML：

<table id="mytable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

JS：

const data = [
  { column1: "數據1", column2: "數據2" },
  { column1: "數據3", column2: "數據4" },
  { column1: "數據5", column2: "數據6" }
];
const tbody = document.querySelector("#mytable tbody");
// 清空表格內容
tbody.innerHTML = "";
// 遍歷數組，創建行和列，填充數據到單元格中
data.forEach(item => {
  const tr = document.createElement("tr");
  const td1 = document.createElement("td");
  const td2 = document.createElement("td");
  td1.textContent = item.column1;
  td2.textContent = item.column2;
  tr.appendChild(td1);
  tr.appendChild(td2);
  tbody.appendChild(tr);
});

這里的 data 就是控制臺獲取的數組，可以根據實際情況進行調整。最終結果將渲染到表格中去，顯示為：

| 列1  | 列2  |
| ---- | ---- |
| 數據1 | 數據2 |
| 數據3 | 數據4 |
| 數據5 | 數據6 |