Javascript获取代码以读取JSON而不是当前格式

Question

我目前有这个代码工作正常，但我需要它与json而不是当前格式。

以下是代码：

var posts = [
  { id: 1, data: '<div id="section1">section1</div>'},
  { id: 2, data: '<div id="section2">section2</div>' },
  { id: 3, data: '<div id="section3">section3</div>' }
];

posts.forEach(function(post) {

  var data1 = document.getElementById('row1');
  data1.insertAdjacentHTML('afterend', `<div id="section${post.id}">section${post.id}</div>`);

});

json看起来和json对象相同：

{ "id": "1", "data": "<div id='section1'>section1</div>"}

等

我该怎么做？