javascript - 如何从索引1开始每个函数以在html中的不同div中发布json对象

Question

我有这个json数据

不知怎的，我在html中显示了这部分数据

并想显示这部分数据

进入html中的div，但我无法使用for循环显示它，也不知道如何从个人详细信息数据中的索引1作为索引0启动每个函数。

这是我的代码

var url = "http://localhost/ReadExchange/api.php";
$.getJSON(url, function(data) {
      if (data) {
        alert("hey got the data" + JSON.stringify(data));
        var arr = data.length;

        //$.each(data, function(i,element) {
        var element = data[0];
        $("#postjson").append(
          '<div id="' + element.id + '">' + '<p>' + 'FirstName:' + element.FirstName + '<br/>'

          + 'MiddleName:' + element.MiddleName + '<br/>' + 'LastName:' + element.LastName + '<br/>' + 'Gender:' + element.Gender + '<br/>' + 'Location:' + element.Location + '<br/>' + 'Email:' + element.Email + '<br/>' + 'Mobile:' + element.Mobile + '<br/>' + '</p>' + '</div>'
        );

        for (var i = 1; i < arr; i++) {
          $("#postjson").append(
            '<div id="">' + '<p>' + 'BookTitle:' + data[i].data.BookTitle + '<br/>' + 'BookGenre:' + data[i].data.BookGenre + '<br/>' + 'BookWriter:' + data[i].data.BookWriter + '<br/>' + 'Gender:' + data[i].data.BookDescription + '<br/>'

            + '</p>' + '</div>'
          );
        }

      } else {
        return;
      }

Answer 1

您可以使用Array.prototype.splice()

data.splice(0, 1);

然后在 for 循环中迭代 data 数组，并将 i 设置为 0

var data = [{abc:123}, {def:456}];

data.splice(0, 1);

for (var i = 0; i < data.length; i++) {
  alert(JSON.stringify(data))
}