Maison > interface Web > js tutoriel > Comment convertir un tableau d'objets en un objet clé-valeur en JavaScript ?

Comment convertir un tableau d'objets en un objet clé-valeur en JavaScript ?

Linda Hamilton
Libérer: 2024-11-09 08:17:02
original
501 Les gens l'ont consulté

How to Convert an Array of Objects to a Key-Value Object in JavaScript?

Conversion d'un tableau en objet clé-valeur en JavaScript

Pour convertir un tableau d'objets en un objet avec des paires clé-valeur, JavaScript fournit une solution simple et efficace. Ceci est particulièrement utile lorsqu'il s'agit de manipulation de données.

Déclaration de tableau
Supposons que nous ayons un tableau d'objets comme celui-ci :

var arr = [{ name1: "value1" }, { name2: "value2" }, ...];
Copier après la connexion

Création d'objet
Pour convertir ce tableau en objet, nous pouvons utiliser Object.assign et la syntaxe spread (...). La méthode Object.assign crée un nouvel objet en combinant les propriétés d'un ou plusieurs objets source.

L'extrait de code suivant montre comment effectuer la conversion :

var object = Object.assign({}, ...array);
Copier après la connexion

Dans cet exemple, la syntaxe spread (...) crée une copie de chaque objet du tableau. Ces copies sont ensuite transmises comme arguments à Object.assign, garantissant que les propriétés de chaque objet sont fusionnées dans le nouvel objet.

Sortie
L'objet résultant aura la clé souhaitée -Structure de paire de valeurs :

{
  name1: "value1",
  name2: "value2",
  ...
}
Copier après la connexion

Compatibilité des navigateurs
Cette approche est prise en charge dans un large éventail de navigateurs, y compris les versions modernes de Chrome, Firefox, Safari et Edge. Cela fonctionne également dans les environnements Node.js.

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