Maison > interface Web > js tutoriel > Comment puis-je parcourir des structures JSON complexes en JavaScript ?

Comment puis-je parcourir des structures JSON complexes en JavaScript ?

DDD
Libérer: 2024-11-27 15:15:14
original
892 Les gens l'ont consulté

How Can I Iterate Through Complex JSON Structures in JavaScript?

Itération à travers des structures JSON complexes en JavaScript

Lorsque vous travaillez avec des données au format JSON (JavaScript Object Notation), il est souvent nécessaire de parcourir sa structure hiérarchique pour extraire ou manipuler des informations. Dans ce cas, vous êtes présenté avec une structure JSON composée d'un tableau d'objets, où chaque objet représente un enregistrement enfant.

Pour parcourir cette structure et accéder aux propriétés de chaque objet enfant, vous pouvez utiliser une combinaison d’itération de tableau et d’énumération de propriétés d’objet. Voici comment procéder en JavaScript :

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

// Iterate over the array of child objects
for (var i = 0; i < arr.length; i++){
  console.log("array index: " + i);

  // Iterate over the properties of each child object
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    console.log(" - " + key + ": " + value);
  }
}
Copier après la connexion

Dans ce code, la boucle externe utilise une boucle for pour parcourir le tableau d'objets enfants. Pour chaque objet enfant, la boucle interne utilise une boucle for...in pour parcourir les propriétés de l'objet, en extrayant la clé (nom de la propriété) et la valeur (valeur de la propriété) pour chaque propriété. Votre console affichera désormais le contenu de votre structure JSON de manière claire et organisée.

En suivant cette approche, vous pouvez parcourir efficacement des structures JSON complexes, vous permettant d'accéder et de manipuler les données selon vos besoins.

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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal