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

Comment rechercher efficacement un objet spécifique dans des objets JavaScript imbriqués ?

Susan Sarandon
Libérer: 2024-11-03 02:48:03
original
702 Les gens l'ont consulté

How to Efficiently Find a Specific Object in Nested JavaScript Objects?

Itérer à travers des objets JavaScript imbriqués

Itérer à travers des objets JavaScript imbriqués peut être difficile, en particulier lorsque vous devez récupérer des objets spécifiques en fonction d'une propriété. valeur. Considérons l'exemple suivant :

<code class="javascript">var cars = {
  label: 'Autos',
  subs: [
    {
      label: 'SUVs',
      subs: []
    },
    {
      label: 'Trucks',
      subs: [
        {
          label: '2 Wheel Drive',
          subs: []
        },
        {
          label: '4 Wheel Drive',
          subs: [
            {
              label: 'Ford',
              subs: []
            },
            {
              label: 'Chevrolet',
              subs: []
            }
          ]
        }
      ]
    },
    {
      label: 'Sedan',
      subs: []
    }
  ]
};</code>
Copier après la connexion

Si l'on souhaite récupérer l'objet pour la marque "Ford", on peut utiliser une approche récursive :

<code class="javascript">const iterate = (obj, identifier) => {
  for (let key in obj) {
    if (obj[key]['label'] === identifier) {
      return obj[key];
    }
    if (typeof obj[key] === 'object' && obj[key] !== null) {
      const result = iterate(obj[key], identifier);
      if (result) {
        return result;
      }
    }
  }
  return null;
};

const fordObject = iterate(cars, 'Ford');</code>
Copier après la connexion

Dans cet exemple, le La fonction itérer prend deux paramètres : l'objet à rechercher et la chaîne d'identification. Il parcourt les propriétés de l'objet, vérifiant si la propriété label correspond à l'identifiant. Sinon, il vérifie si la propriété est un autre objet et continue l'itération. Si aucun objet correspondant n'est trouvé, il renvoie null.

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