Heim > Web-Frontend > js-Tutorial > Wie kann ich JavaScript-Objekte mithilfe von Lodash oder einfachem JavaScript effizient nach einem Schlüssel gruppieren?

Wie kann ich JavaScript-Objekte mithilfe von Lodash oder einfachem JavaScript effizient nach einem Schlüssel gruppieren?

Patricia Arquette
Freigeben: 2025-01-04 12:18:38
Original
505 Leute haben es durchsucht

How Can I Efficiently Group JavaScript Objects by a Key Using Lodash or Plain JavaScript?

Gruppieren von Objekten nach Schlüssel mit JavaScript und Lodash

Das Gruppieren von Objekten basierend auf einem bestimmten Schlüssel ist eine häufige Aufgabe bei der Arbeit mit Datenarrays. Durch das Gruppieren von Objekten, die eine gemeinsame Eigenschaft haben, können wir sie effektiver organisieren und darauf zugreifen.

Eine Möglichkeit, dies in einfachem JavaScript zu erreichen, ist die Verwendung der Array#reduce-Methode. Der folgende Codeausschnitt veranschaulicht, wie:

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'
}];

const result = cars.reduce(function (r, a) {
    r[a.make] = r[a.make] || [];
    r[a.make].push(a);
    return r;
}, {});

console.log(result);
Nach dem Login kopieren

Dieser Code verwendet die make-Eigenschaft als Gruppierungsschlüssel. Es durchläuft das Array der Autos und erstellt ein neues Objekt mit Schlüsseln, die den eindeutigen Markenwerten entsprechen. Für jede Marke wird ein Array von Autoobjekten erstellt oder angehängt, die diese Marke gemeinsam haben.

Lodash bietet auch eine übersichtliche Möglichkeit, Objekte mithilfe der Funktion _.groupBy zu gruppieren:

import { groupBy } from 'lodash';

const grouped = groupBy(cars, 'make');
Nach dem Login kopieren

The groupBy Die Funktion benötigt zwei Argumente: das Array der Objekte und die Eigenschaft, nach der gruppiert werden soll. Es gibt ein neues Objekt mit Schlüsseln zurück, die den eindeutigen Werten der angegebenen Eigenschaft entsprechen, und Werten, die Arrays von Objekten entsprechen, die diesen Wert teilen.

Durch die Gruppierung von Objekten nach Schlüssel können wir leicht auf verwandte Daten zugreifen und Operationen daran ausführen Gruppen von Objekten mit ähnlichen Eigenschaften. Diese Technik ist besonders nützlich für die Optimierung des Datenabrufs, der Filterung und der Datenvisualisierung.

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte mithilfe von Lodash oder einfachem JavaScript effizient nach einem Schlüssel gruppieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage