如何将嵌套在数组中的数组映射到表格中？

function mapNestedArrayToTable(array) {
  // 创建表格
  var table = document.createElement('table');
  
  // 创建表头
  var thead = document.createElement('thead');
  var headerRow = document.createElement('tr');
  var headers = Object.keys(array[0]);
  headers.forEach(function(header) {
    var th = document.createElement('th');
    th.textContent = header;
    headerRow.appendChild(th);
  });
  thead.appendChild(headerRow);
  table.appendChild(thead);
  
  // 创建表格内容
  var tbody = document.createElement('tbody');
  array.forEach(function(item) {
    var row = document.createElement('tr');
    Object.values(item).forEach(function(value) {
      var cell = document.createElement('td');
      cell.textContent = value;
      row.appendChild(cell);
    });
    tbody.appendChild(row);
  });
  table.appendChild(tbody);
  
  // 将表格添加到页面中
  document.body.appendChild(table);
}

// 示例数据
var data = [
  { name: 'John', age: 25, hobbies: ['reading', 'painting'] },
  { name: 'Jane', age: 30, hobbies: ['coding', 'gaming'] }
];

// 调用函数将数据映射到表格中
mapNestedArrayToTable(data);