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
Libérer: 2024-11-28 02:33:09
original
975 Les gens l'ont consulté

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"
  }
]
Copier après la connexion

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}`);
  }
}
Copier après la connexion

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 de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal