Maison > interface Web > js tutoriel > Comment récupérer des valeurs d'objets imbriquées en Javascript à l'aide de chemins de chaîne ?

Comment récupérer des valeurs d'objets imbriquées en Javascript à l'aide de chemins de chaîne ?

Mary-Kate Olsen
Libérer: 2024-10-25 07:26:02
original
978 Les gens l'ont consulté

How to Retrieve Nested Object Values in Javascript Using String Paths?

Récupération de valeurs d'objets imbriqués en Javascript à l'aide d'un chemin de chaîne

Introduction :

Récupération de valeurs de les objets profondément imbriqués peuvent être une tâche fastidieuse. Dans cette question, un utilisateur recherche une fonction Javascript qui extrait efficacement les valeurs en parcourant l'objet à l'aide d'un chemin de chaîne fourni.

Fonction de récupération de valeur approfondie :

La solution fournie répond à cette exigence avec une fonction nommée deep_value() :

<code class="javascript">function deep_value(obj, path) {
  for (var i = 0, path = path.split('.'), len = path.length; i < len; i++) {
    obj = obj[path[i]];
  }
  return obj;
}</code>
Copier après la connexion

Cette fonction accepte deux paramètres :

  • obj : L'objet cible à partir duquel la valeur sera récupérée.
  • chemin : une chaîne spécifiant le chemin d'accès à la valeur souhaitée, séparée par des points (.) pour les clés imbriquées.

Flux de travail de fonction :

La fonction parcourt le chemin de la chaîne en le divisant en un tableau de clés. Il parcourt ensuite l'objet, attribuant la valeur précédente à obj à chaque touche. Cela permet à la fonction de naviguer dans la structure imbriquée de l'objet. Enfin, il renvoie la valeur correspondant à la dernière clé du chemin fourni.

Exemple d'utilisation :

Pour illustrer l'utilisation, considérons l'objet suivant :

var obj = {
  foo: { bar: 'baz' }
};
Copier après la connexion

Pour accéder à la valeur de obj.foo.bar en utilisant le chemin de chaîne fourni, vous pouvez utiliser le code suivant :

result = deep_value(obj, "foo.bar");
Copier après la connexion

La variable de résultat contiendra désormais la valeur 'baz' comme attendu. Cette fonction fournit un outil pratique et polyvalent pour récupérer des valeurs imbriquées à partir d'objets complexes en Javascript.

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