Heim > Web-Frontend > js-Tutorial > Wie kann ich Objekte in einem JavaScript-Array nach einem gemeinsamen Schlüssel gruppieren?

Wie kann ich Objekte in einem JavaScript-Array nach einem gemeinsamen Schlüssel gruppieren?

Barbara Streisand
Freigeben: 2024-12-26 16:40:10
Original
650 Leute haben es durchsucht

How Can I Group Objects in a JavaScript Array by a Shared Key?

Gruppieren von Objekten in Arrays nach Schlüssel

Bei der Programmierung ist es oft notwendig, Objekte innerhalb eines Arrays basierend auf einem gemeinsamen Schlüssel zu gruppieren. Betrachten Sie als Beispiel das folgende Array von Autoobjekten:

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'
    },
];
Nach dem Login kopieren

Das Ziel besteht darin, ein neues Array zu erstellen, in dem Autoobjekte nach Marke gruppiert sind. Bei Verwendung von Vanilla-JavaScript besteht ein Ansatz darin, die Methode Array#reduce zusammen mit einem Objekt zu verwenden:

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

console.log(result);
Nach dem Login kopieren

Dieser Code durchläuft das Array „cars“ und prüft, ob die aktuelle Marke als Schlüssel im Ergebnisobjekt vorhanden ist. Wenn nicht, fügt es make als Schlüssel hinzu und initialisiert ein leeres Array. Anschließend wird das aktuelle Autoobjekt in das entsprechende Array verschoben, wodurch Objekte effektiv nach ihrer Marke gruppiert werden.

Das resultierende Ergebnisobjekt wird wie folgt strukturiert:

{
    'audi': [
        {
            'model': 'r8',
            'year': '2012'
        },
        {
            'model': 'rs5',
            'year': '2013'
        },
    ],

    'ford': [
        {
            'model': 'mustang',
            'year': '2012'
        },
        {
            'model': 'fusion',
            'year': '2015'
        }
    ],

    'kia': [
        {
            'model': 'optima',
            'year': '2012'
        }
    ]
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich Objekte in einem JavaScript-Array nach einem gemeinsamen 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