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

Un tableau ou un objet est-il plus efficace pour récupérer des objets par ID en JavaScript ?

Patricia Arquette
Libérer: 2024-10-26 07:50:30
original
781 Les gens l'ont consulté

 Is an Array or an Object More Efficient for Retrieving Objects by ID in JavaScript?

Efficacité des tableaux et des objets en JavaScript : une analyse complète

Lorsque vous travaillez avec de grands ensembles de données en JavaScript, il devient essentiel de prendre en compte l'efficacité des méthodes de stockage et de récupération des données. Cet article aborde le sujet de l'efficacité des tableaux par rapport aux objets, en abordant un scénario spécifique dans lequel la récupération par ID est une préoccupation majeure.

Tableaux par rapport aux objets : comprendre les différences

Malgré les perceptions courantes, JavaScript ne propose pas de tableaux associatifs. Au lieu de cela, les tableaux et les objets remplissent différents rôles :

Les tableaux :

  • Sont des collections ordonnées de valeurs, accessibles via des indices numériques.
  • Sont conçu pour stocker des séquences de données ordonnées.

Objets :

  • Sont des collections non ordonnées de paires clé-valeur.
  • Sont adaptés pour représenter des données structurées sous forme de propriétés et de valeurs.

Options de stockage : exploration des approches de tableau et d'objet

Pour stocker et récupérer efficacement des objets individuels, deux options principales se présentent :

Option 1 : Tableau avec des index non associatifs

Les objets sont stockés dans un tableau avec des indices numériques incrémentiels.

let array = [{ id: 29938, name: 'name1' }, { id: 32994, name: 'name1' }];
function getObject(id) {
  for (let i = 0; i < array.length; i++) {
    if (array[i].id === id) {
      return array[i];
    }
  }
}
Copier après la connexion

Option 2 : Objet avec des paires clé-valeur

Les objets sont stockés dans un objet en utilisant leur ID comme clé.

let obj = {};
obj[29938] = { id: 29938, name: 'name1' };
obj[32994] = { id: 32994, name: 'name1' };
function getObject(id) {
  return obj[id];
}
Copier après la connexion

Analyse des performances : analyse comparative des options

Pour évaluer l'efficacité, nous effectuons des tests de performances impliquant les éléments suivants :

  • ID d'objet générés aléatoirement allant de 10 000 à 60 000.
  • Création d'un tableau avec des indices non associatifs, un tableau troué et un objet avec des paires clé-valeur.
  • Plusieurs itérations de récupération d'objet par ID.

Résultats des tests :

  • Dans la majorité des cas, les tableaux fonctionnaient plus rapidement que les objets pour la récupération d'objets par ID.
  • L'utilisation d'un tableau troué avait un impact significatif sur les performances par rapport à un tableau continu.
  • Les opérations de tri modifieraient l'équilibre d'efficacité, mais la tendance générale selon laquelle les baies sont plus rapides persiste.

Conclusion

Sur la base des tests de performances, les baies apparaissent comme un choix plus efficace pour stocker et récupérer des objets individuels par ID, en particulier dans les scénarios où les opérations de récupération sont répandues. Les objets, en revanche, offrent des avantages dans la représentation des données où les propriétés et les valeurs sont mieux adaptées à la nature désordonnée des objets.

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!