Comment parcourir un tableau JSON en JavaScript ?

Itérer à travers une structure JSON en JavaScript

Cet article propose une solution pratique pour itérer sur une structure JSON en JavaScript, répondant à la question spécifique :

Question :

Comment puis-je itérer sur la structure JSON suivante en JavaScript ?

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

Réponse :

La structure JSON fournie est au format tableau. Pour le parcourir, suivez ces étapes :

1. Créez un objet tableau :

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

2. Utilisez un For Boucle pour parcourir le Tableau :

for (var i = 0; i < arr.length; i++) {

3. Accéder à l'objet actuel dans la boucle :

var obj = arr[i];

4. Utilisez une autre boucle For pour parcourir l'objet Propriétés :

for (var key in obj) {

5. Extraire et afficher les valeurs de la propriété :

var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);

Cet extrait de code sera itéré sur chaque objet du tableau JSON et afficher ses propriétés et valeurs dans le document.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!