Comment itérer sur une structure JSON ?

Question

J'ai la structure JSON suivante :

[{ "id":"10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]

Comment puis-je l'itérer en utilisant JavaScript ?

Answer 1

var arr = [ {"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}];

for (var i = 0; i < arr.length; i++){
  document.write("<br><br>array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    document.write("<br> - " + key + ": " + value);
  }
}

note : la méthode for-in est cool pour les objets simples. Elle n'est pas très intelligente à utiliser avec un objet DOM.

Answer 2

Tiré de Documentation sur jQuery :

var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one:1, two:2, three:3, four:4, five:5 };

jQuery.each(arr, function() {
  $("#" + this).text("My id is " + this + ".");
  return (this != "four"); // will stop running to skip "five"
});

jQuery.each(obj, function(i, val) {
  $("#" + i).append(document.createTextNode(" - " + val));
});

Answer 3

Utilisez pour...de :

var mycars = [{name:'Susita'}, {name:'BMW'}];

for (var car of mycars) 
{
  document.write(car.name + "<br />");
}

Résultat :

Susita
BMW

Answer 4

Faites-moi savoir si cela n'est pas facile :

var jsonObject = {
  name: 'Amit Kumar',
  Age: '27'
};

for (var prop in jsonObject) {
  alert("Key:" + prop);
  alert("Value:" + jsonObject[prop]);
}

Answer 5

Si c'est votre dataArray :

var dataArray = [{"id":28,"class":"Sweden"}, {"id":56,"class":"USA"}, {"id":89,"class":"England"}];

alors :

$(jQuery.parseJSON(JSON.stringify(dataArray))).each(function() {  
         var ID = this.id;
         var CLASS = this.class;
});