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

Comment convertir un tableau d'objets en un seul objet avec des paires clé-valeur en JavaScript ?

Patricia Arquette
Libérer: 2024-11-10 14:03:02
original
336 Les gens l'ont consulté

How to Convert an Array of Objects into a Single Object with Key Value Pairs in JavaScript?

Conversion d'un tableau d'objets en objet avec des paires clé-valeur

Étant donné un tableau d'objets comme :

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

Comment peut-il être converti en un seul objet avec des paires clé-valeur :

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

Cette conversion est généralement nécessaire pour divers scénarios de programmation. Vous trouverez ci-dessous une solution compatible avec un large éventail de navigateurs :

Solution :

Utilisation d'une combinaison de Object.assign et de l'opérateur spread :

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

Explication :

Object.assign() fusionne plusieurs objets source en un objet cible. La syntaxe ...arr utilise l'opérateur spread pour concaténer tous les objets du tableau en un seul objet. Par conséquent, le résultat est un nouvel objet qui contient toutes les paires clé-valeur de tous les objets du tableau.

Remarque :

Cette solution est prise en charge dans tous les principaux navigateurs. qui prennent en charge ES6, notamment Chrome, Firefox, Edge et Safari.

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