Maison > interface Web > js tutoriel > Comment combiner un tableau d'objets en un seul objet en JavaScript ?

Comment combiner un tableau d'objets en un seul objet en JavaScript ?

DDD
Libérer: 2024-12-16 00:55:09
original
733 Les gens l'ont consulté

How to Combine an Array of Objects into a Single Object in JavaScript?

Comment transformer un tableau d'objets en un objet consolidé en JavaScript

La conversion d'un tableau d'objets en un seul objet consolidé est une opération courante tâche lorsque vous travaillez avec des structures de données complexes en JavaScript. Un moyen efficace d'y parvenir consiste à tirer parti de la méthode intégrée reduction().

Implémentation :

Pour transformer un tableau d'objets en un seul objet avec la clé -value paires, vous pouvez utiliser l'approche suivante :

<br>var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];</p>
<p>// Utiliser réduire() pour fusionner des objets<br>var object = arr.reduce(<br> (obj, élément) => Objet.assign(obj, { [item.key]: item.value }), {});</p>
<p>// Sortie de l'objet consolidé<br>console.log(object);<br>

Sortie :

L'extrait de code ci-dessus générera l'objet consolidé suivant :

{
  "11": "1100",
  "22": "2200"
}
Copier après la connexion

Dans cet objet consolidé, la propriété key de chaque élément du tableau sert de clés pour l'objet, tandis que la propriété value devient les valeurs correspondantes. La méthode Object.assign() est utilisée pour fusionner de nouvelles propriétés dans l'objet, combinant efficacement les données de tous les éléments du tableau en une seule entité.

Cette méthode fournit une solution concise et fonctionnelle pour convertir des tableaux d'objets en objets consolidés en JavaScript, garantissant une manipulation et une transformation efficaces des données.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal