你可以使用 JavaScript 的 for...of 循环来迭代显示嵌套的对象数组在 HTML 表格中。以下是一个示例代码：
<!DOCTYPE html>
<html>
<body>
<table border="1">
<tr>
<th>名称</th>
<th>年龄</th>
<th>城市</th>
</tr>
<tr>
<td>John Doe</td>
<td>30</td>
<td>New York</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>25</td>
<td>London</td>
</tr>
</table>
<script>
// 定义嵌套的对象数组
const people = [
{ name: 'John Doe', age: 30, city: 'New York' },
{ name: 'Jane Smith', age: 25, city: 'London' }
];
// 获取表格元素
const table = document.querySelector('table');
// 使用 for...of 循环迭代显示对象数组
for (const person of people) {
// 创建新的行元素
const row = table.insertRow();
// 创建新的单元格元素并设置其值
const cell1 = row.insertCell(0);
cell1.innerHTML = person.name;
const cell2 = row.insertCell(1);
cell2.innerHTML = person.age;
const cell3 = row.insertCell(2);
cell3.innerHTML = person.city;
}
</script>
</body>
</html>在上述示例中，我们首先定义了一个嵌套的对象数组 people，其中包含了两个对象，每个对象都有 name、age 和 city 三个属性。然后，我们使用 document.querySelector() 方法获取了 HTML 表格元素，并使用 for...of 循环迭代显示对象数组。在每次迭代中，我们使用 table.insertRow() 方法创建新的行元素，并使用 row.insertCell() 方法创建新的单元格元素。然后，我们使用 innerHTML 属性设置单元格的值，最后将新的行元素添加到表格中。
