如果for循环中没有匹配的单元格，如何添加空白表格单元格？

// 示例数据
const data = [
  { name: 'Alice', age: 25, city: 'New York' },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', city: 'Los Angeles' }
];

// 表格头
const headers = ['Name', 'Age', 'City'];

// 创建表格
function createTable(data, headers) {
  const table = document.createElement('table');
  const thead = document.createElement('thead');
  const tbody = document.createElement('tbody');

  // 创建表头
  const headerRow = document.createElement('tr');
  headers.forEach(header => {
    const th = document.createElement('th');
    th.textContent = header;
    headerRow.appendChild(th);
  });
  thead.appendChild(headerRow);
  table.appendChild(thead);

  // 创建表格主体
  data.forEach(item => {
    const row = document.createElement('tr');
    headers.forEach(header => {
      const cell = document.createElement('td');
      cell.textContent = item[header] || ''; // 如果没有匹配的单元格，添加空白单元格
      row.appendChild(cell);
    });
    tbody.appendChild(row);
  });
  table.appendChild(tbody);

  return table;
}

// 将表格添加到页面
document.body.appendChild(createTable(data, headers));