Maison > interface Web > js tutoriel > Comment puis-je fusionner des tableaux d'objets basés sur une clé sans itération en JavaScript ?

Comment puis-je fusionner des tableaux d'objets basés sur une clé sans itération en JavaScript ?

Patricia Arquette
Libérer: 2024-12-09 12:40:11
original
596 Les gens l'ont consulté

How Can I Merge Arrays of Objects Based on a Key Without Iteration in JavaScript?

Fusionner des tableaux d'objets basés sur une clé sans itération

En programmation, il est souvent nécessaire de combiner des données provenant de plusieurs sources en une seule entité. Dans ce cas spécifique, nous avons deux tableaux d'objets qui doivent être fusionnés sur la base d'une clé commune, "id", pour obtenir le résultat fusionné.

L'extrait de code JavaScript fourni accomplit efficacement cette tâche sans recourir à méthodes itératives comme Object.keys(). Voici un aperçu de son fonctionnement :

  • Nous définissons d'abord deux tableaux, arr1 et arr2, qui représentent les tableaux d'objets d'entrée.
  • La fonction map() est ensuite appliquée à arr1. Le but de map() est de créer un nouveau tableau en appliquant une fonction de rappel spécifiée à chaque élément du tableau d'origine.
  • À l'intérieur de la fonction de rappel, la syntaxe Object.assign(destination, ...sources) est utilisé pour fusionner les propriétés de deux objets, le premier objet étant la destination et le second étant la source.
  • Dans ce cas, la destination est un objet vide créé à l'aide de {}, et la source est arr2[i], qui représente l'objet correspondant de arr2.
  • Le résultat de l'opération map() attribue les objets fusionnés dans un nouveau tableau, arr3.
  • Enfin, la console enregistre arr3 pour afficher la sortie fusionnée.

Ce code combine efficacement les deux tableaux d'objets en un seul tableau, éliminant ainsi le besoin de tâches fastidieuses méthodes d'itération. Il fournit une approche concise et simple pour fusionner des données sur la base d'une clé commune.

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