将JSON.stringify输出格式化为表

将JSON.stringify输出格式化为表,json,Json,我有以下代码: <pre id="eventoutput">Result Output: ...</pre> <script> // Show Output (function (L, document) { map.on('measurefinish', function (evt) { writeResults(evt); }); function writeResults (results) {

我有以下代码:

<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、Lng和Row


请您帮助我如何完成此操作。

您必须迭代数组并呈现表格


请看一看

,因为您有数组,所以只需要迭代,并为每个元素创建一个表行。
{
  "Points": [
    {
      "lat": 11.570852645045665,
      "lng": 104.79034423828126
    },
    {
      "lat": 11.61121119698555,
      "lng": 104.85076904296876
    },
    {
      "lat": 11.566816469367417,
      "lng": 104.88235473632814
    }
  ]
}