Maison > interface Web > js tutoriel > Comment la fonction « _.groupBy » de Lodash peut-elle regrouper efficacement des tableaux d'objets par clé ?

Comment la fonction « _.groupBy » de Lodash peut-elle regrouper efficacement des tableaux d'objets par clé ?

Barbara Streisand
Libérer: 2024-12-20 04:52:13
original
402 Les gens l'ont consulté

How Can Lodash's `_.groupBy` Function Efficiently Group Arrays of Objects by Key?

Regrouper des objets dans un tableau par clé à l'aide de Lodash : un guide pratique

Introduction

Le regroupement des données de manière organisée est souvent une tâche cruciale dans divers scénarios de programmation. Lorsqu'il s'agit de tableaux d'objets, il devient nécessaire de regrouper les éléments en fonction de propriétés spécifiques. Lodash, une bibliothèque JavaScript populaire, offre un moyen puissant d'y parvenir.

Solution Lodash

Lodash fournit une méthode pratique appelée _.groupBy qui vous permet de regrouper un tableau d’objets par une clé spécifiée. L'utilisation est simple :

const groupedCars = _.groupBy(cars, 'make');
Copier après la connexion
Copier après la connexion

Cela créera un nouvel objet groupéCars où chaque clé correspond à une valeur unique de la propriété make du tableau cars. La valeur de chaque clé est un tableau d'objets qui partagent la même valeur de marque.

Implémentation

Considérons l'exemple fourni dans l'enquête, où nous avons un tableau d'objets automobiles et envie de les regrouper par marque :

const cars = [
  { make: 'audi', model: 'r8', year: '2012' },
  { make: 'audi', model: 'rs5', year: '2013' },
  { make: 'ford', model: 'mustang', year: '2012' },
  { make: 'ford', model: 'fusion', year: '2015' },
  { make: 'kia', model: 'optima', year: '2012' },
];
Copier après la connexion

En utilisant la méthode _.groupBy de Lodash, nous pouvons créer le objet groupé comme suit :

const groupedCars = _.groupBy(cars, 'make');
Copier après la connexion
Copier après la connexion

L'objet groupedCars résultant sera :

{
  audi: [
    { model: 'r8', year: '2012' },
    { model: 'rs5', year: '2013' },
  ],
  ford: [
    { model: 'mustang', year: '2012' },
    { model: 'fusion', year: '2015' },
  ],
  kia: [
    { model: 'optima', year: '2012' },
  ],
}
Copier après la connexion

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