Itération sur le tableau d'objets

J'ai une chaîne JSON comme ce

 var json =  '{ "Comments": 
    [
      { "Id" : 1,"Comment" : "Test comment","Name" : "Yogesh","Child" : 0},
      { "Id" : 2,"Comment" : "Test comment II","Name" : "Yogesh","Child" : 0}
    ] 
    }';

et je suis en train de parcourir les objets en tant que tels:

var parsedJSON = $.parseJSON(json);

var html = "";    
for (comment in parsedJSON.Comments) {
  html += "Id: " + comment.Id;
  html += "Comment: " + comment.Comment;
  html += "Name: " + comment.Name;
  html += "Child: " + comment.Child;
  html += "<br/>";
}

Mais ici comment en boucle devient 0 et 1 seulement, je veux dire, pas un objet, mais simplement une chaîne de caractères, comment puis-je effectuer une itération sur ce tableau?

Vous n'êtes pas à parcourir JSON, vous êtes de parcourir un tableau JavaScript. J'ai corrigé votre question en conséquence. Vous devez utiliser un for boucle pour cela. Vous pouvez également lire tableaux en JavaScript.

InformationsquelleAutor yogi | 2012-07-28

javascript jquery

var json = '{ "Comments": [{ "Id" : 1,"Comment" : "Test comment","Name" : "Yogesh","Child" : 0},{ "Id" : 2,"Comment" : "Test comment II","Name" : "Yogesh","Child" : 0}] }';

var parsedJSON = $.parseJSON(json), //jsonData should json
    html = "",
    comments =parsedJSON.Comments; //keeping reference of parsedJSON and its an Array

//Here key will give 0, 1 etc ie. index of array

for (var key in comments) {
    html += "Id: " + comments[key].Id;
    html += "Comment: " + comments[key].Comment;
    html += "Name: " + comments[key].Name;
    html += "Child: " + comments[key].Child;
    html += "<br/>";
}

Démo

Donner le code qui ne fonctionne pas (ReferenceError: les commentaires n'est pas défini), sans explication? Boo.
Peut-être une connaissance de base de la correction de JS fautes de frappe est repris dans la balise javascript 🙂 j'ai changé le ";" à la une "," pour corriger la déclaration d'erreur.
+1 pour montrer une alternative intéressante à la base pour la prochaine indexation.
aussi, voir ce pour un forEach varsion de cette solution: jsfiddle.net/Jrg2k/5

InformationsquelleAutor thecodeparadox

2

Vous semblez avoir mal compris comment for..in boucles de travail. comment sera de manière itérative être les clés du tableau. Dans tous les cas, vous ne devez pas utiliser for..in sur un tableau, seuls les objets - et là encore avec prudence.
```
var l = parsedJSON.Comments.length, i, comment;
for( i=0; i<l; i++) {
    comment = parseJSON.Comments[i];
    //do stuff with comment
}
```
- Je l'avais essayé, mais parsedJSON.Comments n'y a pas eu de définition de la longueur.
InformationsquelleAutor Niet the Dark Absol

Vous pouvez essayer ceci:

     var JsonData =  { "Comments":
        [
          { "Id" : 1,"Comment" : "Test comment","Name" : "Yogesh","Child" : 0},
          { "Id" : 2,"Comment" : "Test comment II","Name" : "Yogesh","Child" : 0}
        ]
        };

    var html = "";    
    for (var i = 0; i < JsonData.Comments.length; i++) {
      comment = JsonData.Comments[i];
      html += "Id: " + comment.Id;
      html += " Comment: " + comment.Comment;
      html += " Name: " + comment.Name;
      html += " Child: " + comment.Child;
      html += "<br/>";
    }

alert(html);

N'a pas travaillé, j'avais essayé, il est très premier.
ce qui n'a pas de travail? parce que je l'ai testé et il a travaillé pour moi, voici mon test: jsfiddle.net/VYTpG
En fait vous n'avez pas le droit de la question, je n'ai pas à parler d'un objet JSON que vous avez, je parlais d'une chaîne JSON voir ce jsfiddle.net/VYTpG/1 mais en tout cas merci pour l'aide

InformationsquelleAutor M. Abbas

Vous pouvez utiliser $.each:

var html = ""; 
$.each(parsedJSON.Comments, function(i, comment) {
   html += "Id: " + comment.Id;
   html += "Comment: " + comment.Comment;
   html += "Name: " + comment.Name;
   html += "Child: " + comment.Child;
   html += "<br/>";
}

Sinon, vous pouvez utiliser $.map:

var html = $.map(parsedJSON.Comments, function(comment, i) {
   return "Id: " + comment.Id +
          "Comment: " + comment.Comment +
          "Name: " + comment.Name +
          "Child: " + comment.Child + 
          "<br/>";
}).join('');

InformationsquelleAutor Engineer

Commentaires est titulaire d'un tableau à deux éléments.

{ "Comments" : [ { 1 }, { 2 }]  ...

De sorte que vous pouvez y accéder avec

for (var i = 0, len = parsedJSON.Comments.length; i < len; i++) {
    html += "Id: " + parsedJSON.Comments[i].Id;
    html += "Comment: " + parsedJSON.Comments[i].Comment;
    html += "Name: " + parsedJSON.Comments[i].Name;
    html += "Child: " + parsedJSON.Comments[i].Child;
    html += "<br/>";
}

InformationsquelleAutor Gerard Sexton

Vous devez vous connecter pour publier un commentaire.