在Javascript中递归创建表

function createTable(data) {
  // 创建表格元素
  var table = document.createElement('table');
  
  // 遍历数据
  for (var i = 0; i < data.length; i++) {
    // 创建行元素
    var row = document.createElement('tr');
    
    // 遍历每一行的数据
    for (var j = 0; j < data[i].length; j++) {
      // 创建单元格元素
      var cell = document.createElement('td');
      
      // 如果数据是数组，则递归调用createTable函数创建嵌套的表格
      if (Array.isArray(data[i][j])) {
        cell.appendChild(createTable(data[i][j]));
      } else {
        // 否则，直接将数据赋值给单元格
        cell.textContent = data[i][j];
      }
      
      // 将单元格添加到行中
      row.appendChild(cell);
    }
    
    // 将行添加到表格中
    table.appendChild(row);
  }
  
  // 返回创建的表格元素
  return table;
}

var data = [
  ['A', 'B', 'C', [['D', 'E'], ['F', 'G']]],
  ['1', '2', '3', '4']
];

// 获取包含递归生成表格的容器元素
var container = document.getElementById('container');

// 调用递归函数生成表格
var table = createTable(data);

// 将生成的表格添加到容器中
container.appendChild(table);