Как мне пройти через этот объект JSON?

Question

код jQuery main.php:

$.getJSON('posts.php',function(data){
    data.posts.forEach(function(post){
        // set variables and append divs to document
    })
    data.comments.forEach(function(post){
        // set variables and append divs to document
    })
})

(Старый - Работает с текущим кодом jQuery)

Пример объекта, содержащий 2 поста и 3 комментария. Разместить с id: 5 имеет 1 комментарий и сообщение id: 2 имеет 2 комментария.

// the two posts ID: 5 and 2

{"posts":[{
    "id":"5",
    "image":"link.jpg",
    "submitter":"4322309",
    "views":"3"
},
{
    "id":"2",
    "image":"link.jpg",
    "submitter":"4322309",
    "views":"10"
}],

// now each comment tied to the posts

"comments":[
{
    "id":"1",
    "submitter":"submitter",
    "time":"2435657",
    "comment":"comment",
    "score":"10",
    "postid":"2"
},
{
    "id":"2",
    "submitter":"submitter",
    "time":"2435657",
    "comment":"comment",
    "score":"10",
    "postid":"2"
},
{
    "id":"3",
    "submitter":"submitter",
    "time":"2435657",
    "comment":"comment",
    "score":"10",
    "postid":"5"
}]}

(NEW - не работает с текущим кодом jQuery)

Пример объекта, содержащий 2 поста и 3 комментария. Разместить с id: 5 имеет 1 комментарий и сообщение id: 2 имеет 2 комментария.

// the two posts ID: 5 and 2

{ 
    "posts":{
        "5": {
            "id":"5",
            "image":"link.jpg",
            "submitter":"4322309",
            "views":"3"
        },
        "2": {
            "id":"2",
            "image":"link.jpg",
            "submitter":"4322309",
            "views":"5"
        }
    },

    // now each comment tied to the posts
    "comments":{
        "2": [{
            "id":"1",
            "submitter":"submitter",
            "time":"2435657",
            "comment":"comment",
            "score":"10",
            "postid":"2"
        },
        {
            "id":"2",
            "submitter":"submitter",
            "time":"2435657",
            "comment":"comment",
            "score":"10",
            "postid":"2"
        }
    ],
        "5": [{
            "id":"3",
            "submitter":"submitter",
            "time":"2435657",
            "comment":"comment",
            "score":"10",
            "postid":"5"
        }]
    }
}

Я не уверен, как использовать этот объект JSON в этом новом сценарии.

В основном, как мне пройти через этот новый?

Answer 1

Первый вариант (ванильный JS):

var postObj;
for (var id in data.posts) {
  postObj = data.posts[id];
  // do your thing
}

var commentList;
for (var id in data.comments) {
  commentList = data.comments[id];
  commentList.forEach(function(comment) {
    // do your thing
  });
}

Для получения дополнительной информации о циклах for... in https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in

---

Второй вариант (jQuery):

$.each(data.posts, function(id, post) {
  // do your thing
});

$.each(data.comments, function(id, commentList) {
  $.each(commentList, function(index, comment) {
    // do your thing. you could also use the forEach loop if you want
  });   
});

Для получения дополнительной информации о $.each http://api.jquery.com/jquery.each/

Answer 2

Вы можете легко повторить, как это:-

$.each(data['posts'], function(outerKey, idVal) {  //outerKyeas are 2, 5
   $.each(idVal, function(innerKey, val) {   // innerKeys are id,submitter etc
     console.log(innerKey, val);
  });
});

Комментарии могут быть пройдены таким же образом.

Answer 3

Попробуйте $.each в сочетании с базовым циклом for (var post in data.posts):

var data = {
  "posts": {
    "5": {
      "id": "5",
      "image": "link.jpg",
      "submitter": "4322309",
      "views": "3"
    },
    "2": {
      "id": "2",
      "image": "link.jpg",
      "submitter": "4322309",
      "views": "5"
    }
  },

  // now each comment tied to the posts
  "comments": {
    "2": [{
      "id": "1",
      "submitter": "submitter",
      "time": "2435657",
      "comment": "comment",
      "score": "10",
      "postid": "2"
    }, {
      "id": "2",
      "submitter": "submitter",
      "time": "2435657",
      "comment": "comment",
      "score": "10",
      "postid": "2"
    }],
    "5": [{
      "id": "3",
      "submitter": "submitter",
      "time": "2435657",
      "comment": "comment",
      "score": "10",
      "postid": "5"
    }]
  }
};


for (var post in data.posts) {
  $.each(data.comments[data.posts[post].id], function() {
    alert("Post: " + data.posts[post].id + ", Comment ID: " + this.id + ', Comment Text: "' + this.comment + '"')
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

Ну, я говорю, вам нужно 3 петли здесь, чтобы получить каждый comment объект как

DEMO

$(data.comments).each(function(index,commentArray){ 
    $.each(commentArray,function(index,value){
        $.each(value,function(index1,value1){
            console.log(value1);
        });
    });
});

за Post Вы можете получить это с помощью одной петли

$.each(data.posts,function(index,post){
        console.log(post);
});