使用for循环在HTML表中显示数组，而无需复制

要在HTML表中显示数组内容，可以使用JavaScript的for循环来遍历数组，并动态创建表格行和单元格。以下是一个简单的示例，展示了如何实现这一点：

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array to Table</title>
</head>
<body>

<table id="dataTable" border="1">
  <tr>
    <th>Index</th>
    <th>Value</th>
  </tr>
</table>

<script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）

// 假设这是我们要显示的数组
var dataArray = ['Apple', 'Banana', 'Cherry', 'Date'];

// 获取表格元素
var table = document.getElementById('dataTable');

// 使用for循环遍历数组
for (var i = 0; i < dataArray.length; i++) {
  // 创建新的行
  var row = table.insertRow(-1);
  
  // 创建并添加索引单元格
  var cellIndex = row.insertCell(0);
  cellIndex.innerHTML = i;
  
  // 创建并添加值单元格
  var cellValue = row.insertCell(1);
  cellValue.innerHTML = dataArray[i];
}

解释

HTML部分：创建了一个基本的表格结构，其中包含一个标题行。
JavaScript部分：
- 定义了一个数组dataArray，它包含了要显示的数据。
- 使用document.getElementById获取到表格元素。
- 使用for循环遍历数组，对于数组中的每个元素：
  - 使用insertRow方法在表格末尾插入新行。
  - 对于每一行，使用insertCell方法插入两个单元格：一个用于显示索引，另一个用于显示数组值。
  - 使用innerHTML属性设置单元格的内容。