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
Patricia Arquetteoriginal
2024-11-10 14:03:02351parcourir

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"},...]

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

{"name1":"value1","name2":"value2",...}

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);

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!

Déclaration:
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