Maison >interface Web >js tutoriel >Comment parcourir un tableau d'objets JSON en JavaScript ?

Comment parcourir un tableau d'objets JSON en JavaScript ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-28 02:33:09953parcourir

How Do I Iterate Through a JSON Array of Objects in JavaScript?

Itération sur les structures JSON en JavaScript

Lorsque vous travaillez avec des données JSON, il devient souvent nécessaire de parcourir sa structure pour extraire ou manipuler des données . Dans la structure JSON fournie :

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

Nous pouvons utiliser une simple boucle for JavaScript pour parcourir chaque objet du tableau :

for (var i = 0; i < arr.length; i++) {
  // First, access the current object
  var obj = arr[i];

  // Now, we can iterate over the object's properties
  for (var key in obj) {
    // Obtain the value for the current property
    var value = obj[key];

    // Output the key and value
    document.write(`<br><br> - ${key}: ${value}`);
  }
}

Ce code parcourra chaque objet du tableau tableau, accédant à ses propriétés d’identifiant et de classe. La sortie sera affichée dans le navigateur, répertoriant chaque propriété et sa valeur.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn