将JSON.stringify输出格式化为表

Question

我有以下代码：

<pre id="eventoutput">Result Output: ...</pre>      
<script>  // Show Output
 (function (L, document) {


  map.on('measurefinish', function (evt) {
      writeResults(evt);
    });

    function writeResults (results) {
      document.getElementById('eventoutput').innerHTML = JSON.stringify({
        Points: results.points
      }, null, 2);
    }
  })(window.L, window.document);
</script>

其输出显示为

{
  "Points": [
    {
      "lat": 11.570852645045665,
      "lng": 104.79034423828126
    },
    {
      "lat": 11.61121119698555,
      "lng": 104.85076904296876
    },
    {
      "lat": 11.566816469367417,
      "lng": 104.88235473632814
    }
  ]
}

但我想将其格式化为一个表格，其中列名称为Points，Lat，Lng和Row，代表每个数据。

你能帮助我如何实现这一目标。

Answer 1

您必须遍历数组并呈现表格。

请查看this