Maison > interface Web > js tutoriel > Comment puis-je parcourir efficacement des objets JSON imbriqués en JavaScript sans bibliothèques externes ?

Comment puis-je parcourir efficacement des objets JSON imbriqués en JavaScript sans bibliothèques externes ?

Barbara Streisand
Libérer: 2024-12-02 06:33:09
original
367 Les gens l'ont consulté

How Can I Efficiently Traverse Nested JSON Objects in JavaScript Without External Libraries?

Naviguer dans les hiérarchies d'objets JSON avec JavaScript : une solution personnalisée

De nombreux développeurs recherchent des outils pour parcourir des structures JSON complexes, mais des bibliothèques sont dédiées à cette tâche. peut souvent paraître excessif. Dans cet article, nous explorerons une solution JavaScript sur mesure pour relever ce défi courant.

Bien que les techniques de traversée DOM abondent pour les documents XML, l'analyse JSON présente son propre ensemble d'exigences. Entrez l'extrait de code suivant :

// Sample JSON object
const o = {
  foo: 'bar',
  arr: [1, 2, 3],
  subo: {
    foo2: 'bar2'
  }
};

// Custom traversal function:
function traverse(obj, callback) {
  for (const key in obj) {
    callback(key, obj[key]);
    if (obj[key] && typeof obj[key] === 'object') {
      traverse(obj[key], callback);
    }
  }
}
Copier après la connexion

Cette fonction, traverse, utilise une approche récursive, descendant dans l'arborescence des objets et appelant une fonction de rappel pour chaque propriété et sa valeur. Le rappel lui-même est un espace réservé pour la logique définie par l'utilisateur.

Considérons l'exemple suivant :

// Callback function:
function process(key, value) {
  console.log(`${key} : ${value}`);
}

// Traverse the object using the custom function:
traverse(o, process);
Copier après la connexion

Lorsqu'il est appliqué à l'exemple d'objet o, le résultat serait :

foo : bar
arr : 1
arr : 2
arr : 3
subo : [object Object]
foo2 : bar2
Copier après la connexion

Cette approche élimine les dépendances externes et fournit un mécanisme léger pour parcourir les structures JSON profondes. Il est particulièrement utile pour les applications où le parcours manuel est nécessaire ou préféré aux frameworks volumineux.

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