json如何转成表

JSON是一种轻量级的数据交换格式，常用于前后端数据传输。在前端开发过程中，有时候需要将JSON数据转换成表格以展示数据。以下是将JSON转成表格的简单实现方法。

  let data = [{"name":"John","age":30,"city":"New York"},{"name":"Tom","age":25,"city":"London"},{"name":"Lucy","age":32,"city":"Paris"}];
  let table = document.createElement('table');
  let thead = document.createElement('thead');
  let tr = document.createElement('tr');
  let tbody = document.createElement('tbody');
  let keys = Object.keys(data[0]);
  
  keys.forEach(key => {
    let th = document.createElement('th');
    th.textContent = key;
    tr.appendChild(th);
  });
  
  thead.appendChild(tr);
  table.appendChild(thead);
  
  data.forEach(obj => {
    let tr = document.createElement('tr');
    
    keys.forEach(key => {
      let td = document.createElement('td');
      td.textContent = obj[key];
      tr.appendChild(td);
    });
    
    tbody.appendChild(tr);
  });
  
  table.appendChild(tbody);
  
  document.body.appendChild(table);

以上代码通过创建table、thead、tbody、tr、th、td元素，根据JSON数据的结构来动态生成表格。首先获取JSON数据中所有数据项的属性名，并用th元素将这些属性名作为表头插入到thead中，然后遍历JSON数据，用td元素生成表格中每个单元格的数据，最后将所有th和td元素按正确的层次结构插入到table和tbody元素中即可。