Maison > interface Web > js tutoriel > le corps du texte

Comment parcourir et parcourir des structures JSON imbriquées en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-28 03:56:10
original
466 Les gens l'ont consulté

How Do I Traverse and Iterate Through Nested JSON Structures in JavaScript?

Parcours des structures JSON en JavaScript

JSON (JavaScript Object Notation) est un format de données largement utilisé pour transmettre des données entre programmes et services Web. Sa structure implique souvent des objets et des tableaux imbriqués, ce qui rend nécessaire de comprendre comment parcourir ces structures en JavaScript.

Pour parcourir une structure JSON, vous pouvez utiliser les itérateurs intégrés de JavaScript, tels que for et forEach. . Considérons la structure JSON suivante comme exemple :

[{ "id":"10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]
Copier après la connexion

Pour parcourir cette structure, nous pouvons utiliser une boucle for :

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

for (var i = 0; i < arr.length; i++){
  console.log("array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    console.log(" - " + key + ": " + value);
  }
}
Copier après la connexion

Dans cet exemple, la boucle externe parcourt le tableau d’objets, tandis que la boucle interne parcourt les propriétés de chaque objet. Cette approche nous permet d'accéder et de traiter à la fois les paires clé-valeur du tableau et de l'objet.

Cette méthode offre un moyen flexible d'itérer sur les structures JSON, ce qui facilite la récupération et la manipulation de leurs données.

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
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