JS来生成HTML表格，但是第一行的单元格不会获得值，显示为“未定义”

// 数据源
var data = [
  ["姓名", "年龄", "性别"],
  ["张三", "25", "男"],
  ["李四", "30", "女"],
  ["王五", "28", "男"]
];

// 创建表格
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(i === 0 ? "th" : "td");

    // 设置单元格的值
    cell.textContent = data[i][j];

    // 将单元格添加到行中
    row.appendChild(cell);
  }

  // 将行添加到表格中
  table.appendChild(row);
}

// 将表格添加到页面中
document.body.appendChild(table);